Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

RoXbY

Css no meu menu

Recommended Posts

Opa galera, sei que pode tar manjado isso, mas realemnte não consigo brincar de css deste jeito. fiz buscas pela internet mas meu resultado foi totalmente broxante! ¬¬ gostaria que ficasse igual como está no firefox. IE sux!

 

abaixo a dferença entre os navegadores:

Imagem Postada

 

segue o cod. que estou usando:

<td width="160" valign="top" style="background:#FCFCFC; border-right:1px solid #f2f2f2;" id="menubv">	<li id="titulo">Hospedagem</li>		<li><a href="#">» Planos de Hospedagem</a></li>		<li><a href="#">» Vantagens</a></li>		<li><a href="#">» Vantagens</a></li>		<li><a href="#">» Painel de Controle</a></li>			<li><a href="#">» WebMail</a></li>		<li><a href="#">» WebMail</a></li>		<li><a href="#">» Dúvidas Frequentes</a></li>		<li><a href="#">» Suporte Técnico</a></li>		<li><a href="#"><strong>» </strong><b>Contratar</b></a></li><li id="titulo">Serviços</li>		<li><a href="#">»</a></li>		<li><a href="#">»</a> </li>		<li><a href="#">» </a></li><li id="titulo">A Empresa</li>		<li><a href="#">» Quem somos</a></li>		<li><a href="#">» Nossa Estrutura</a></li>		<li><a href="#">» Nossa Proposta</a></li>		<li><a href="#">» Politicas de Uso</a></li>		<li><a href="#">» Contato</a></li>	</ul>	</td>
#titulo{text-align:right;font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#FF9900;background:url(images/degrade_menu_lateral.gif) repeat-y right;border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:5px;}#menubv {width: 160px;padding: 0;margin: 0;font:11px Verdana, Arial, Helvetica, sans-serif;	list-style: none;border-right:1px solid #e4e4e4;}#menubv ul {margin: 0;padding: 0;}#menubv li {margin: 0;}#menubv li a {text-align:left;display:block;padding: 3px 0px 4px 10px;color:#666;text-decoration: none;border-bottom:1px solid #FFF;}#menubv li a:hover {color: #30402b;text-decoration:underline;background:#F9F9F9;}
desde ja... brigadão!

Compartilhar este post


Link para o post
Compartilhar em outros sites

faça isso no seu menu:<li id="titulo">Hospedagem</li> <li id="menubv"><a href="#">» Planos de Hospedagem</a></li> <li id="menubv"><a href="#">» Vantagens</a></li> <li id="menubv"><a href="#">» Vantagens</a></li> <li id="menubv"><a href="#">» Painel de Controle</a></li> <li id="menubv"><a href="#">» WebMail</a></li> <li id="menubv"><a href="#">» WebMail</a></li> <li id="menubv"><a href="#">» Dúvidas Frequentes</a></li> <li id="menubv"><a href="#">» Suporte Técnico</a></li> <li id="menubv"><a href="#"><strong>» </strong><b>Contratar</b></a></li><li id="titulo">Serviços</li> <li id="menubv"><a href="#">»</a></li> <li id="menubv"><a href="#">»</a> </li> <li id="menubv"><a href="#">» </a></li><li id="titulo">A Empresa</li> <li id="menubv"><a href="#">» Quem somos</a></li> <li id="menubv"><a href="#">» Nossa Estrutura</a></li> <li id="menubv"><a href="#">» Nossa Proposta</a></li> <li id="menubv"><a href="#">» Politicas de Uso</a></li> <li id="menubv"><a href="#">» Contato</a></li> </ul>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Roxby1) o código xhtml tá meio que errado né cara? CAdê o começo do UL?2) pra tentar burlar este bug do IE, use o holy hack: coloque um height: 1% nos li's.

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara, vi que tava faltando, mas coloquei devolta o UL porém continuou o erro.mas consegui concertar com uns hacks e também com o sistema que o rc postou X)abs! etanks very tanks!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.