Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia a todos.
Assim como muita gente, tenho tentado migrar para layouts webstandards.
Há muito o que se aprender, e muita informação na web, mas certas horas, novatos como eu não conseguem achar o erro.
Fiz um menu em cima de um tuto do Maujor, porém ele tem problemas na visualização no IE (no 6 pelo menos, pq ainda não instalei o 7).
Na verdade acho que o problema nem é no menu em si, mas em uma margem entre as divs, que tb aparecem no menu, somente quando eu uso display:block; .
Seguem abaixo o código e o link:
http://www.yousite.com.br/carros
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style><!--body{ margin:0px; background-image:url(images/carro1_04.jpg); background-repeat:repeat-x; background-color:#000000; text-align:center;}#geral{ margin:auto; width:770px;}#topo{ height:255px;}#topo img{ float:left;}#menu{ float:left; width:200px;}#corpo{ top:27px; float:right; width:530px; background-color:#990100; background-image:url(images/carro1_09.jpg); background-repeat:repeat-x;}#rodape{ position:relative; background-image:url(images/carro1_09.jpg); background-repeat:repeat-x; clear:both;}ul#menu { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; list-style-type:none; line-height:31px; width:200px; padding:0px; margin:0px;}ul#menu li{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none; background-image:url(images/carro1_12.jpg); background-repeat:repeat-x; padding:0px; margin:0px; line-height:31px;}ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active{ color:#FFFFFF; text-decoration:none;}ul#menu li a:hover{ color:#FFFFFF; text-decoration:none; background-image:url(images/carro2_12.jpg); background-repeat:repeat-x; display:block;}--></style></head><body><div id="geral"> <div id="topo"><img src="images/carro1_03.jpg" alt="topo" width="381" height="255" /><img src="images/carro1_06.jpg" width="768" height="55" /> </div> <div id="menu"> <ul id="menu"> <li><a href="#">Início</a></li> <li><a href="#">Serviços</a></li> <li><a href="#">Estoque</a></li> <li><a href="#">Pesquisa</a></li> <li><a href="#">Contato</a></li> </ul> </div> <div id="corpo"> dfasdfasd fasdf sd asdf ads f asd fas df sda f sad f sdf<br /> asd f ads f asdf as df sda f dsf ds f<br /> sd f dsf sda f sda fsd </div> <div id="rodape"> </div></div></body></html>Agradeço desde já a ajuda.
Carregando comentários...
