Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Noite, pessoal estou com um problema e como não manjo muito de CSS esta dificíl de achar um modo pra arrumar...
vamos ao problema, estou tentando colocar em linha um logo e as imagens que serão o link, no explore fica certo, desde que eu utilize uma margem negativa, porem ao utilizar desse modo no firefox fica tudo fora, se eu faço ao contrario que fica fora é o explore......
segue as imagens do topo e o codigo da css e html....
imagem no fire
/applications/core/interface/imageproxy/imageproxy.php?img=http://img221.imageshack.us/img221/9155/firefoxys4.jpg&key=51d252aa5734551d4f7b01b99ccecfcd96a3ccc7c5d6d354dac12b2aafde8b13" alt="Imagem Postada" />
imagem no explore
/applications/core/interface/imageproxy/imageproxy.php?img=http://img160.imageshack.us/img160/6415/explorefu9.jpg&key=f3c633e264fa548ce1636fb472ef0200c7d1f479c3c188bccf59154b40fb3933" alt="Imagem Postada" />
CSS
/ CSS Document /*{margin:0;padding:0;list-style:none;vertical-align:middle;text-decoration:none;font-style:normal;}/****************************************************************DIV Geral - engloba todo o site**************************************************************/div#geral{width:776px;height:500px;margin:0 auto;}/**************************************************************DIV Conteudo - ****************************************************************/div#topo{border:1px solid #000000;position:relative;width:776px;height:100px;background: url(image/sistema/home/fundo.jpg) repeat-x;}div#topo h1{float:left;display:block;text-indent:-5000px;overflow:hidden;background:url(image/sistema/home/logo.jpg) no-repeat;width:232px;height:110px;}div#teste ul{float:right;width:505px;height:100px;margin:-3px 0 0 0;/Aqui pra alinhar no explore/}div#teste ul li{display:inline;}
HTML
<!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>Sistema Lumini de Fotos</title><link rel="stylesheet" media="all" href="sistema.css"type="text/css"/></head><body><div id="geral"><!--inicio div geral--><div id="topo"><!--inicio div topo--><h1>Sistema Lumini Foto</h1><div id="teste"><ul> <li class="menu"><a href="index_admin.php"><img src="image/sistema/home/sistema_home_1.jpg" alt="dwdw" width="53" height="100" border="0"/></a></li> <li class="menu"><a href="servicos.html" title="Veja o que nos fazemos"><img src="image/sistema/home/sistema_home_2.jpg" alt="ffwefwef" width="53" height="100" border="0"/></a></li> <li class="menu"><a href="portifolio.html" title="Portifólio"><img src="image/sistema/home/sistema_home_3.jpg" width="53" height="100" border="0" /></a></li> <li class="menu"><a href="orcamento.php" title="Orçamento"><img src="image/sistema/home/sistema_home_4.jpg" width="53" height="100" border="0" /></a></li> <li class="menu"><a href="contato.php" title="Fale com a gente"><img src="image/sistema/home/sistema_home_5.jpg" width="53" height="100" border="0" /></a></li> <li class="menu"><a href="para_clientes.html" title="Pagina restrita para clientes"><img src="image/sistema/home/sistema_home_6.jpg" width="53" height="100" border="0" /></a></li> <li class="menu"><a href="para_clientes.html" title="Pagina restrita para clientes"><img src="image/sistema/home/sistema_home_7.jpg" width="53" height="100" border="0" /></a></li> <li class="menu"><a href="para_clientes.html" title="Pagina restrita para clientes"><img src="image/sistema/home/sistema_home_8.jpg" width="53" height="100" border="0" /></a></li> </ul></div></div><!--fim div topo--></div><!--sim div geral--></body></html>
Carregando comentários...
