29/08/2012, 07:52
|
| | Fecha de Ingreso: junio-2011
Mensajes: 29
Antigüedad: 13 años, 8 meses Puntos: 0 | |
Espacio entre botonera que no quita Buenos días tengo la siguiente página
[URL="http://kyrovet.com/nk/"]http://kyrovet.com/nk/[/URL]
La botonera está hecha con listas, el problema es que entre la cabecera y la botonera me queda un espacio que de ninguna forma he podido quitar, agradezco me ayuden.
Código CSS.
Código:
body {
background: url(../imagenes/granja.jpg) no-repeat top center fixed;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
margin: 0px;
}
.header
{
height: 176px;
width: auto;
box-shadow: 2px 2px 3px #F1F1F1;
-webkit-box-shadow: 2px 2px 3px #F1F1F1;
-moz-box-shadow: 2px 2px 3px #F1F1F1;
margin-bottom: 0px;
background-color: rgba(255,255,255,0.6);
}
.header #contenedor_header {
width: 1024px;
margin-right: auto;
margin-left: auto;
height: 176px;
background-color: #FFF;
margin-bottom: 0px;
}
.header #contenedor_header #menu_navegacion {
color: #8C8C8C;
position: absolute;
margin-top: 35px;
width: auto;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
text-shadow: 1px 1px 0px #FFFFFF;
margin-left: 20px;
}
.header a:hover {
color:#CCC;
text-decoration:none;
}
.header a:visited {
color:#093;
text-decoration:none;
}
.header a:link {
color:#063;
text-decoration:none;
}
.header #contenedor_header #logotipo {
height: 110px;
width: 274px;
margin-top: 45px;
margin-left: 700px;
position: absolute;
}
.header #contenedor_header #eslogan {
font-family: big_noodlettf, big_noodleeot, big_noodlesvg, big_noodlewoff;
font-size: 30px;
position: absolute;
margin-top: 95px;
margin-left: 20px;
color: #333;
letter-spacing: 4px;
}
.botonera {
width: 1024px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-top: 0px;
height: auto;
}
.botonera li {
list-style:none;
}
.nav
{
padding: 0px;
height: 44;
z-index: 2;
margin-top: 0px;
}
.nav li a
{
font-family: big_noodlettf, big_noodleeot, big_noodlesvg, big_noodlewoff;
font-size: 21px;
background-color: #343434;
text-decoration: none;
color: #CCC;
padding: 10px 12px;
display: block;
margin-left: 0px;
}
.nav li a:hover
{
background: #999;
color: #333;
margin-bottom: 0px;
margin-top: 0px;
}
.nav > li
{
float: left;
padding-top: 0px;
margin: 0px;
}
.nav ul
{
display:none;
position:absolute;
min-width: 140px;
}
.nav li:hover > ul
{
display:block;
z-index: 2;
}.contenedor {
width: 1024px;
margin-right: auto;
margin-left: auto;
height: auto;
clear: both;
background-color: #FFF;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
.buscador {
height: 36px;
width: 263px;
float: left;
background-color: #343434;
font-family: "big_noodlettf", "big_noodleeot", "big_noodlesvg", "big_noodlewoff";
font-size: 21px;
color: #CCC;
padding-top: 7px;
padding-left: 10px;
}
.footer {
width: 984px;
clear: both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #666666;
height: 260px;
padding-right: 20px;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 30px;
}
.footer #derechos_reservados {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-style: italic;
color: #CCC;
}
.footer #informacion {
height: 210px;
margin-bottom: 25px;
margin-left: 20px;
}
.pieza1 {
background-image: url(../imagenes/pieza1_footer.jpg);
height: 60px;
width: 1024px;
margin-right: auto;
margin-left: auto;
}
.contenedor #novedades {
clear: both;
height: 180px;
background-color: #F1F1F1;
margin-top: 10px;
padding-top: 22px;
}
.contenedor #novedades #contenidos_desc {
height: 160px;
margin-right: 20px;
margin-left: 20px;
position: static;
}
.novedades1 {
height: 160px;
margin-right: 10px;
margin-left: 10px;
float: left;
width: 225px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
.icon1 {
float: left;
height: 65px;
width: 65px;
margin-top: 0px;
margin-left: 0px;
}
.titulo_icono {
font-family: "big_noodlettf", "big_noodleeot", "big_noodlesvg", "big_noodlewoff";
font-size: 30px;
padding-left: 10px;
margin-left: 65px;
}
.contenido_icono {
margin-top: 12px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
font-weight: bold;
color: #696969;
letter-spacing: 1px;
text-align: justify;
}
.contenido_icono:hover {
text-decoration:none;
}
.contenido2 {
clear: both;
margin-top: 30px;
padding-right: 25px;
margin-left: 25px;
padding-bottom: 30px;
height: auto;
width: 1024px;
}
/* tooltip styling. by default the element to be styled is .tooltip */
.tooltip {
display:none;
background:transparent url(../imagenes/black_arrow.png)
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#eee;
}
/* style the trigger elements */
#demo img {
border:0;
cursor:pointer;
margin:0 1px;
}
Muchas Gracias. |