ViniciusJau Postado Setembro 29, 2006 Denunciar Share Postado Setembro 29, 2006 e ai galera eu montei um menu usando esse exemplo:http://solardreamstudios.com/_img/learn/cs...ndex-horiz.htmlo problema é que mexendo no codigo não consegui deixar o menu para ocupar 100% da tela...vou postar o codigo em CSS se alguém puder me ajudar, acredito que seja algo simples..:/* Root = Horizontal, Secondary = Vertical */ul#navmenu { margin: 0; border: 0 none; padding: 0; width: 800px; /*For KHTML*/ /*tamanho da area do menu*/ list-style: none; height: 24px;}ul#navmenu li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 24px;}ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 160px; /*tamanho do submenu*/ list-style: none; display: none; position: absolute; top: 24px; left: 0;}ul#navmenu ul li { float: none; /*For Gecko*/ display: block !important; display: inline; /*For IE*/}/* Root Menu */ul#navmenu a { border: 1px solid #FFF; border-right-color: #CCC; border-bottom-color: #CCC; padding: 0 6px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: #EEE; color: #666; font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ /* tamanho vertical do botão*/}/* Root Menu Hover Persistence */ul#navmenu a:hover,ul#navmenu li:hover a,ul#navmenu li.iehover a { background: #CCC; color: #FFF;}/* 2nd Menu */ul#navmenu li:hover li a,ul#navmenu li.iehover li a { float: none; background: #EEE; color: #666;}/* 2nd Menu Hover Persistence */ul#navmenu li:hover li a:hover,ul#navmenu li:hover li:hover a,ul#navmenu li.iehover li a:hover,ul#navmenu li.iehover li.iehover a { background: #CCC; color: #FFF;}/* 3rd Menu */ul#navmenu li:hover li:hover li a,ul#navmenu li.iehover li.iehover li a { background: #EEE; color: #666;}/* 3rd Menu Hover Persistence */ul#navmenu li:hover li:hover li a:hover,ul#navmenu li:hover li:hover li:hover a,ul#navmenu li.iehover li.iehover li a:hover,ul#navmenu li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF;}/* 4th Menu */ul#navmenu li:hover li:hover li:hover li a,ul#navmenu li.iehover li.iehover li.iehover li a { background: #EEE; color: #666;}/* 4th Menu Hover */ul#navmenu li:hover li:hover li:hover li a:hover,ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF;}ul#navmenu ul ul,ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 160px;}/* Do Not Move - Must Come Before display:block for Gecko */ul#navmenu li:hover ul ul,ul#navmenu li:hover ul ul ul,ul#navmenu li.iehover ul ul,ul#navmenu li.iehover ul ul ul { display: none;}ul#navmenu li:hover ul,ul#navmenu ul li:hover ul,ul#navmenu ul ul li:hover ul,ul#navmenu li.iehover ul,ul#navmenu ul li.iehover ul,ul#navmenu ul ul li.iehover ul { display: block;} Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest Visitante Postado Outubro 11, 2006 Denunciar Share Postado Outubro 11, 2006 tente mudar a propriedade margin do elemento <body> no seu css:body{ margin:0 0 0 0;} Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
ViniciusJau
e ai galera eu montei um menu usando esse exemplo:
http://solardreamstudios.com/_img/learn/cs...ndex-horiz.html
o problema é que mexendo no codigo não consegui deixar o menu para ocupar 100% da tela...
vou postar o codigo em CSS se alguém puder me ajudar, acredito que seja algo simples..:
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
margin: 0;
border: 0 none;
padding: 0;
width: 800px; /*For KHTML*/ /*tamanho da area do menu*/
list-style: none;
height: 24px;
}
ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px; /*tamanho do submenu*/
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
}
ul#navmenu ul li {
float: none; /*For Gecko*/
display: block !important;
display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
border: 1px solid #FFF;
border-right-color: #CCC;
border-bottom-color: #CCC;
padding: 0 6px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: #EEE;
color: #666;
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/ /* tamanho vertical do botão*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #CCC;
color: #FFF;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #EEE;
color: #666;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.