Ir para conteúdo

POWERED BY:

Arquivado

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

Kolgrim

Problemas com menu vertical

Por , em Desenvolvimento frontend

Recommended Posts

Kolgrim    1

Kolgrim
Postado

Eu to montando um layout e comecei a fazer o menu. No firefox funciona num boa mas, no internet explorer dá um erro bem sinistro. Coloquei margin-bottom para separar cada <li> do menu...só que quando acontece a ação 'hover' o menu perde o valor a margem inferior.

 

Segue o link abaixo:

Layout Simples

 

Segue o código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Ruby</title><link href="style.css" rel="stylesheet" type="text/css" media="screen" /></head><body><div id="geral"><div id="topo"><h1>Ruby</h1></div><div id="coluna-esquerda"><ul><li><a href="#">Item do Menu</a></li><li><a href="#">Item do Menu</a></li><li><a href="#">Item do Menu</a></li><li><a href="#">Item do Menu</a></li><li><a href="#">Item do Menu</a></li><li><a href="#">Item do Menu</a></li><li><a href="#">Item do Menu</a></li><li><a href="#">Item do Menu</a></li></ul></div><div id="coluna-direita"><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p></div><div id="rodape"><address>Desenvolvido por IEU MESMU!</address></div></div></body></html>

O CSS:

 

* {margin:0;padding:0;list-style:none;text-decoration:none;}#geral {width:775px;margin:0 auto;}#topo {width:775px;height:50px;clear:both;background:#ccc;}#topo h1{font:bold 16px/50px Verdana, Arial, Helvetica, sans-serif;text-align:center;}#coluna-esquerda {width:130px;background-color:#0099CC;float:left;}#coluna-esquerda ul {width:130px;}#coluna-esquerda ul li a{background-color:#003366;height:20px;font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;display:block;color:#FFFFFF;text-align:center;padding:5px 0px;margin-bottom:5px;}#coluna-esquerda ul li a:hover{background-color:#006699;text-transform:uppercase;font-weight:bold;margin-bottom:5px;}#coluna-direita {width:645px;background-color:#999999;float:right;}#rodape {height:30px;background-color:#FF0000;clear:both;}#rodape address{font:normal 15px/30px Verdana, Arial, Helvetica, sans-serif;text-align:center;}

Naum sei o que rolou de errado no menu!

Desde já agradeço a ajuda!

Valewsss! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

É sim, isso faz funcionar no M$IE corretamente[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kolgrim    1

Kolgrim
Postado

Eu entendi!Era só esse o problema que acontecia!Maujor:Valew pela ajuda...sempre uso seu site como ponto de referência!INSIDE:Montei esse menu baseado no tutorial em video em que você monta um site..só que fiz na vertical.Além do video do Ruby e do CSS Sprites!valewsss aeeewww!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

INSIDE:Montei esse menu baseado no tutorial em video em que você monta um site..só que fiz na vertical.Além do video do Ruby e do CSS Sprites!

Legal :DNo proximo video de layout completo eu vo faze um com menu vertical ;)[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito