Hola Gente, es mi primer mensaje, Tengo un problema con una web y no me doy cuenta como solucionarlo... seguro es algo que estoy poniendo mal en la estructura pero la verdad, ya intente con distintas opciones y no me doy cuenta de que puede ser.
tengo un espacio despues del header, no se como sacarlo, paso el codigo html y el css.
Código:
<!DOCTYPE html>
<html lang="es">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/estilos300.css">
</head>
<body>
<div id="global">
<header>
<div align="center">
<img src="imagenes/banner.jpg" align="center"></div>
<nav>
<ul class="menu">
<hr color="#ff99ff">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="productos.html">Productos</a>
</li>
<li>
<a href="contacto.html">Contacto</a>
</li>
<li>
<a href="https://www.facebook.com">Facebook</a>
</li>
<hr color="#ff99ff">
</ul>
</nav>
</header>
<div id="presentacion" >
<section >
<article >
<div id="imagen_productos">
<img src="imagenes/imagen1.jpg" class="borde_rosa" alt="">
<p class="pie_de_foto" align="center">Hace Click en la imagen </p>
</div>
<div id="texto_productos">
<p >Material de excelente calidad,</p>
<p>Medida 80x75 (Mas Grande que las habituales!!!)</p>
</div>
<hr color="ff99ff" class="clear">
<div align="center">
<p></p>
<img src="imagenes/flecha_izq.png" class="float_izq">
<img src="imagenes/flecha_der.png" class="float_der">
<p class="clear">galeria</p>
</div>
</article>
</section>
</div>
<footer>
<p class="clear">gracias por su compra</p>
</footer>
</div>
</body>
</html>
y el Css
Código:
body
{
margin: auto;
background-color: yellow;
background-image: url(logo.png);
}
#contendido{
width: 800px;
background: gray;
}
header
{background: red;
}
nav{
}
section{
background-color: red;
}
#global
{
background-image: url(logo.png);
background-repeat: repeat;
width:900px;
margin: 0 auto;
box-shadow: white 0px 0px 15px;
margin-top:10px;}
footer
{
clear: both;
width: 900px;
background: skyblue;
font-family: "gabriela", Serif;
color: white;
font-size: 14px;
}
.float_der
{
float: right;
}
.float_izq
{
float: left;
}
.clear
{
clear: both;
text-align: center;
}
article
{
background-color: white;
}
#presentacion
{
background-color: blue;
width:900px;
text-align: justify;
}
bueno espero que me puedan ayudar... muchas Gracias!