[Resolvido] Problema de espaçamento abaixo da imagem
Olá amigos!
Estou com um problema. Tenho o menu da direita do site, que quero trabalhar com divs somente para a parte do texto.
Tem as imagens dos 'carinhas' que quero simplesmente jogar ali acima e abaixo dos menus.
Problema é que utilizando <img>, todas as imagens do meu site estão com uma espécie de margem abaixo delas.
Já tentei deixar margem 0 para img e padding também, nada funciona.
Abaixo os códigos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
background: #39465a;
}
img {
margin: 0;
padding: 0;
}
#mae {
margin: 0 auto;
background: #000;
width: 958px;
}
#topo {
margin: 30px 0 0;
background-image: url("images/tentativa_02.jpg");
height: 191px;
}
#menu_horizontal {
background-image: url("images/tentativa_03.jpg");
height: 41px;
}
#conteudo {
background: #39465a;
width: 789px;
margin: 0 0 30px;
}
#conteudo_topo {
background-image: url("images/tentativa_04.jpg");
height: 24px;
}
#conteudo_rodape {
background-image: url("images/tentativa_07.jpg");
height: 55px;
}
#conteudo_meio {
margin: 0 3px;
background: #efefef;
width: 779px;
height: 24px;
border-left: 1px #313d4d solid;
border-right: 1px #313d4d solid;
}
#menu_vertical {
float: right;
margin: 0 0 30px;
background: #f55;
width: 169px;
}
</style>
</head>
<body>
<div id="mae">
<div id="topo"></div>
<div id="menu_horizontal">
</div>
<div id="menu_vertical">
<img src="images/tentativa_05.jpg"/>
</div>
<div id="conteudo">
<div id="conteudo_topo"></div>
<div id="conteudo_meio">
</div>
<div id="conteudo_rodape"></div>
</div>
</div>
</body>
</html>Agradeço a ajuda!
Discussão (4)
Carregando comentários...