Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Gostaria de remover o espaço entre as imagens, como faço?
/applications/core/interface/imageproxy/imageproxy.php?img=http://i53.tinypic.com/rr8hts.png&key=82f13f3fa7dc54acfe2c4e32830c4496e121cf39a5c287024c9356eab75aefc2" alt="rr8hts.png" />
Segue o codigo:
<!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>MyungRO</title>
<style type="text/css"> background-image: url(imagens/bg.png);
background-repeat: repeat;
padding:0px;
margin:0px;
background-color: #FFFFFF;
color: #000000;
}A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {text-decoration:none}
a img {
border-width:0;
}
.topo {
margin-left: 0px;margin-top:0px;margin-right:0px;margin-bottom:0px;
}
#menu {
margin-left: 0px;margin-top:0px;margin-right:0px;margin-bottom:0px;
}
#menu ul {
padding:0px;
margin:0px;
float: center;
width: 100%;
list-style:none;
}
#menu ul li { display: inline; }
#menu ul li a {
text-decoration: none;
padding: 0px 0px;
float:center;
}
</style>
</head>
<body>
<center>
<br>
<div class="topo" align="center">
<img src="imagens/topo1.jpg">
<img src="imagens/topo2.jpg">
<img src="imagens/topo3.jpg">
<img src="imagens/topo4.jpg">
</div>
<div id="menu" align="center" >
<ul>
<li><a href="index.html"><img src="menu/home.jpg" border=0></a></li>
<li><a href="info.html"><img src="menu/info.jpg" border=0 float="left"></a></li>
<li><a href="downloads.html"><img src="menu/downloads.jpg" border=0 float="left"></a></li>
<li><a href="cadastro.html"><img src="menu/cadastro.jpg" border=0 float="left"></a></li>
<li><a href="forum.html"><img src="menu/forum.jpg" border=0 float="left"></a></li>
<li><a href="doacoes.html"><img src="menu/doações.jpg" border=0 float="left"></a></li>
</ul>
</div>
<br>
</center>
</body>
</html>Não é mais fácil colocar o background no fundo na página e somente colocar os elementos em cima dele? :ermm:
sempre comece teus documentos com um css reset. Pesquise sobre.
no caso, o melhor era que isso ai fosse uma unica imagem mesmo, como mencionado.
tente alinhar uma por uma