Jump to content

Menu horizontal


dardevil
 Share

Recommended Posts

Boa noite pessoal!!

Tenho um menu horizontal que está centrado, mas quando reduzo o tamanho página lateralmente, o menu fica desconfigurado.

Alguma ideia sobre isso???

.blue{
height: 100px;
}
.blue #slatenav{
position: relative;
display:block;
font-size:11px;
font-weight:bold;
background:transparent url("/images/blueslate_background.gif") repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
text-transform:uppercase;
}

.blue #slatenav ul{
margin-left: auto;
margin-right: auto;
float: none;
display: table;
padding:0;
list-style-type:none;
width:auto;
}

.blue #slatenav ul li{
display:block;
float:left;
margin:0 1px 0 0;
}

.blue #slatenav ul li a{
display:block;
float:left;
color:#D5F1FF;
text-decoration:none;
padding:14px 22px 0 22px;
height:28px;
}

.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{
color:#fff;
background:transparent url("/images/blueslate_backgroundOVER.gif") no-repeat top center;
}
Link to comment
Share on other sites

bem vindo ao mundo do web design !!!

para resolver o teu problema pensa naquele ditado:

- "como enfiar um elefante pelo buraco da agulha ??"

se não há espaço, é impossível !!!

tens de emagrecer o elefante, fazer que o buraco da agulha fique sempre grande ou arranjar outra solução

Edited by HappyHippyHippo
IRC : sim, é algo que ainda existe >> #p@p
Link to comment
Share on other sites

Da um width fixo.

Ex: .menu { width: 1000px; }

Má prática.

Indica um width mínimo

Ex: .menu { min-width: 1000px; }

Edited by brunoais

"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Link to comment
Share on other sites

Má pratica porque? Se a pagina tem um width fixo não vejo qual o problema de dar um width fixo também ao menu.

Caso o layout não seja fixo ai sim concordo usar width: 100%, e min-width.

O problema não está tanto na solução que indicaste mas em dares mais "combustível" ao layout fixo.

O problema já começou em ele usar um layout de tamanho fixo.

É por aí q eu estava a pensar... Espero n estar errado.

"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.