Foros del Web » Creando para Internet » CSS »

Espacio entre botonera que no quita

Estas en el tema de Espacio entre botonera que no quita en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/08/2012, 07:52
 
Fecha de Ingreso: junio-2011
Mensajes: 29
Antigüedad: 12 años, 11 meses
Puntos: 0
Pregunta 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.
  #2 (permalink)  
Antiguo 29/08/2012, 08:40
Avatar de JairLizcano  
Fecha de Ingreso: junio-2008
Ubicación: Santander, Colombia
Mensajes: 608
Antigüedad: 15 años, 10 meses
Puntos: 53
Exclamación Respuesta: Espacio entre botonera que no quita

Tal vez esto te pueda servir:

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;
        font-size: 0px;
}
.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;
  }
Buena suerte.
__________________
Programar dejó de ser una profesión acusada en la oscuridad y disfrutada fríamente... para convertirse en un arte.
  #3 (permalink)  
Antiguo 29/08/2012, 09:54
 
Fecha de Ingreso: junio-2011
Mensajes: 29
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: Espacio entre botonera que no quita

Oye muchas gracias, funcionó perfectamente, solo quisiera saber si el cambio que hiciste sólo fué este?

Cita:
.botonera {
width: 1024px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-top: 0px;
height: auto;
Por este:

Cita:
.botonera {
width: 1024px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-top: 0px;
height: auto;
font-size: 0px;
  #4 (permalink)  
Antiguo 29/08/2012, 10:10
Avatar de JairLizcano  
Fecha de Ingreso: junio-2008
Ubicación: Santander, Colombia
Mensajes: 608
Antigüedad: 15 años, 10 meses
Puntos: 53
Respuesta: Espacio entre botonera que no quita

Efectivamente, la propiedad font-size valorada en 0px.

Buena suerte.
__________________
Programar dejó de ser una profesión acusada en la oscuridad y disfrutada fríamente... para convertirse en un arte.

Etiquetas: espacio, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:40.