Foros del Web » Creando para Internet » CSS »

No me reconoce el largo de un menu!!

Estas en el tema de No me reconoce el largo de un menu!! en el foro de CSS en Foros del Web. quiero que el largo del menu sea de 100 px pero queda en mucho menos , ya probe todo estoy a punto de perder la ...
  #1 (permalink)  
Antiguo 16/03/2011, 08:24
 
Fecha de Ingreso: junio-2010
Mensajes: 128
Antigüedad: 7 años, 6 meses
Puntos: 2
No me reconoce el largo de un menu!!

quiero que el largo del menu sea de 100 px pero queda en mucho menos , ya probe todo estoy a punto de perder la cordura!!!!!!!!!!!!!! jajaj

Código HTML:


#menu-top { padding:0px; margin-bottom:0px; width:960px;  background:#FFF; }
#menu-top ul { margin:0px; padding:0px;  height:100;}
#botonera li { background:url(../image/home.jpg) no-repeat; width:117px; height:100; padding:4px 0px;}
#botonera li:hover { background:url(../image/home.jpg) no-repeat; width:117px; padding:4px 0px;}

#botonera li a { font:bold 12px arial; color:#fff; text-align:center; text-decoration:none; padding:4px 0px; }

#botonera li.ultima { background:url(../image/home.jpg) no-repeat; width:117px; padding:4px 0px;}

#botonera li.ultima:hover { background:url(../image/home.jpg) no-repeat; width:117px; padding:4px 0px;	}

#botonera li.primera { background:url(../image/home.jpg) no-repeat; width:117px; height:100; padding:4px 0px;}

#botonera li.primera:hover { background:url(../image/solapa1_2.gif) no-repeat; width:117px;padding:4px 0px;	}

#botonera li.goles { background:url(../image/solapafutbol.gif) no-repeat; width:117px; padding:4px 0px;}










Código HTML:



<div id="menu-top" style="margin-left:25px; margin-bottom:10px; height: 100 px;">
		<ul id="botonera">
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="ultima"><a href="contacto.php">Contacto</a></li>
		</ul>
	</div> 

en otro css tengo esto


Código HTML:
#menu-top{
width: 720px;
margin:0px;
padding:0;
float: left;
}

#menu-top ul {
list-style: none;
float:left;
}

#menu-top ul li {
display: block;
float: left;
position: relative;

}


#menu-top ul li a {	
display: block;
}



Última edición por fefefefe; 16/03/2011 a las 08:31
  #2 (permalink)  
Antiguo 16/03/2011, 08:34
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 9 meses
Puntos: 192
Respuesta: No me reconoce el largo de un menu!!

Pues yo veo muchos errores. Para empezar ¿por qué defines estilos por CSS externo e inline? mara #menu-top has especificado una regla margin-bottom:0px pero inline has dicho margin-bottom:10px, el cual tendrá prioridad.

Otro error es que por todos lados pusiste: height:100; pero no has especificado unidad. Usá: height:100px;
También (no estoy seguro si es problemático porque funciona de todas formas) pero a mi no me gusta dejar espacios entre el número y la unidad. O sea, nunca pongo "100 px" sino "100px" :P

Revisa con cuidado tu código :) Usa los servicios de validación, suelen ahorrar dolores de cabeza.
  #3 (permalink)  
Antiguo 16/03/2011, 08:38
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: No me reconoce el largo de un menu!!

como te dijo naahuel, tenes todos esos errores

height es el alto del div, width es el largo o ancho como quieras llamarle, del div
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>

Etiquetas: largo, reconoce
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 14:58.