Menu CSS

[roberto182 0]

Bom dia,

 

Estou com um problema no site:

http://robertoosantos.aqui.in/

 

Deem uma olhada no menu, por favor. Eu gostaria que esse background-color dos links(<a>) ocupasse os 400px

de largura da camada(<div>), porém, por mais que eu altere a lista(<ul> e/ou <li>) ou mesmo no elemento link(<a>), não consigo o resultado que quero.

 

Alguma sugestão?

 

Abraço,

[inforsis 1]

Olá roberto182, Bom Dia!

Veja se consegue alguma coisas nessa dica do gio!, é sobre menu horizontal mais pode lhe ser útil.

http://forum.imasters.com.br/index.php?s=&...st&p=688059

 

Qualquer nova dúvida post novamente. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[webflex 0]

Olá,

 

Modifique seu HTML para este:

<div id="menu">			<ul>				<li><span><a href="artigos.html">Artigos</a></span></li>				<li><span><a href="tutoriais.html">Tutoriais</a></span></li>				<li><span><a href="videos.html">Vídeos</a></span></li>				<li><span><a href="musicas.html">Músicas</a></span></li>				<li><span><a href="design.html">Design</a></span></li>				<li><span><a href="softwares.html">Softwares</a></span></li>			</ul>		</div>

E agora substitua seu CSS por este:

*{margin:0px;padding:0px;list-style:none;}body{background-color:#222222;text-align:center;}#container{	width: 400px;	background-color:#FFFFFF;}#header{	width:400px;	height:50px;	background-color:#FFFFFF;	border-bottom: thin dashed #222222;	color:#222222;	font-family:Arial;}#menu{	text-align: left;	width: 400px;}#menu ul, #menu li{	font-size: 1.6em;}#menu li span a { width: 100%; display: block; }a:active, a:link, a:visited{	text-decoration:none;	color: #AAAAAA;}a:focus, a:hover{	text-decoration:none;	background-color: #222222;}#footer{	background-color: #000000;	color: #666666;	text-align: right;}

Cumps \o/

[FelipeMorais 0]

Basta colocar display:block; na tag a.Abraço.

[webflex 0]

Olá,Pois é e fui eu dar grande volta :P.Cumps \o/

[JackDenio 0]

Olá roberto182, Bom Dia!Veja se consegue alguma coisas nessa dica do gio!, é sobre menu horizontal mais pode lhe ser útil.http://forum.imasters.com.br/index.php?s=&...st&p=688059Qualquer nova dúvida post novamente.

Velho isso ta fora do ar,sera que alguem ai tem outra dica de menu vertical?Vlw!!

[roberto182 0]

Muito Obrigado!

Um simples display:block resolveu o problema.

 

Mas agora vocês poderiam me explicar por quê?

 

PS: Por favor, visitem e contribuam: http://forum.imasters.com.br/index.php?showtopic=250047

 

 

Abrass,