Imagenes dentro de Divs

[norkoz]

Tengo el siguiente codigo en mi pagina

<div id="header" style=" background-color:#996600; width:750px; height:98px;">
<img src="header.jpg" width="118px" height="98px" border="0">
</div>

<div id="navContent" style="background-color:#9900CC;">
<img src="menutop.jpg" width="750" height="15" border="0">
</div>

la idea es tener un div de encabazado con una imagen y debajo de ese div un div con una imagen o varias para los menus, el PROBLEMA es que me crea un pequeño salto entre ambos divs, es decir, el background-color: #996600 se va de paso unos 10 pixeles, si alguien me puede decir que no estoy haciendo incorrectamente se los agradeceria mucho.

[caricatos]

Hola norkoz:

Supongo que será por los márgenes:

pon una hoja de estilos con los divs con margin 0 y dinos si te vale...

<style>
div {matgin: 0;]
</style>

Saludos

[baccxus]

Iniciado por caricatos

<style>
div {matgin: 0;}
</style>

margin.

Saludos

[norkoz]

Lo siento amigos pero no me funciona aun, ni con margin:0 ya antes lo habia intentado, no se si pueda ser una propiedad de la imagen en vez del DIV

<div id="header" style=" background-color:#996600; width:750px; height:98px; margin:0;">
<img src="header.jpg" width="118px" height="98px" border="0">
</div>

<div id="navContent" style="background-color:#9900CC; margin:0;">
<img src="menutop.jpg" width="750" height="15" border="0">
</div>

[norkoz]

Que tal, despues de quebrarme la cabeza un rato le pegue al problema, que al parecer el problema era yo pero ahi se los paso.

Resulta que al ingresar 1 o incluso mas imagenes dentro de un div las etiquetas no deben de estar separadas, es decir, la etiqueta img debe iniciar justo despues del > del div sin dejar espacio, ejemplo:

<div id="header"><img src="imagentop.jpg" border="0"></div>

y NO

<div id="header"> <img src="imagentop.jpg" border="0"> </div>

creo que seria bueno ver este como un pequeño problemita si se quiere escribir un codigo que se pueda leer facilmente ya que si meto en un div varias imagenes la linea creceria de una manera lineal bastante larga lo que dificuta un poco la leida del codigo (por lo menos a mi)

bueno, entonces como resultado final mi codigo quedo asi:

<div id="header" style=" background-color:#996600; width:750px; height:98px; margin:0;"><img src="header.jpg" width="118px" height="98px" border="0"></div>

<div id="navContent" style="background-color:#9900CC; margin:0;"><img src="menutop.jpg" width="750" height="15" border="0"></div>

Espero que a alguien le sirva esto y gracias a todos los que postearon en este mensaje.