Foros del Web » Creando para Internet » CSS »

alineación a la derecha de un menú dinámico.

Estas en el tema de alineación a la derecha de un menú dinámico. en el foro de CSS en Foros del Web. yo tengo este menu dentro de un div otro div (#contenedor) que ocupa el 100%. El problema es que tengo que alinearlo a la derecha, ...
  #1 (permalink)  
Antiguo 14/04/2009, 04:38
 
Fecha de Ingreso: marzo-2009
Mensajes: 171
Antigüedad: 8 años, 8 meses
Puntos: 4
alineación a la derecha de un menú dinámico.

yo tengo este menu dentro de un div otro div (#contenedor) que ocupa el 100%. El problema es que tengo que alinearlo a la derecha, y no me sirve darle un tamaño puesto que este menú puede incrementarse o decrecer de forma dinámica. Una opción era float:right, pero me invierte el orden de los enlaces.

Código:
<div id="menuhorizontal"> 
    <ul>
      <li> <a href="#">Uno</a> </li>
      <li> <a href="#">Dos</a> </li>
      <li> <a href="#">Tres</a> </li>
      <li> <a href="#">Cuatro</a> </li>
    </ul>
  </div>
El CSS es el siguiente
Código:
#menuhorizontal{
background-color: #333;
border:1px solid #333;
height: 34px;
}
#menuhorizontal ul {
	text-align: center;
	list-style-type: none;
}
#menuhorizontal ul li {
	float: left;
	width: 25%;	
}
#menuhorizontal ul li a {
	padding:1px;
	display:block;
	text-decoration:none;
}

#menuhorizontal a{
	background-color:#fff;
	line-height:34px;
}
#menuhorizontal a:hover{
	background-color:#dadada;
	color:#333;
}
  #2 (permalink)  
Antiguo 14/04/2009, 16:13
Avatar de quinqui  
Fecha de Ingreso: agosto-2004
Ubicación: Chile!
Mensajes: 776
Antigüedad: 13 años, 4 meses
Puntos: 56
Respuesta: alineación a la derecha de un menú dinámico.

Holas xurxinho

Yo probé tu código y puse el float:right dentro del estilo de #menuhorizontal y no invirtió los enlaces, ni en IE ni en Firefox, y sí movió la capa hacia la derecha.

Ahora sí, el asunto del ancho de cada LI sí que se ve distinto en uno y otro navegador al darle el float:right: en IE se ven de un ancho similar al de witdh, mientras que en Firefox simplemente no toma en cuenta ese valor. Si les quitas el valor a width creo que podrías hacer que se igualaran un poco más.

Pero ese es otro cuento. Como te digo, prueba lo de poner el right en el estilo general:

Código HTML:
#menuhorizontal{
background-color: #333;
border:1px solid #333;
height: 34px;
float: right;
}
__________________
pipus.... vieeeeeji plomius!!!
*quinqui site*
  #3 (permalink)  
Antiguo 15/04/2009, 07:06
 
Fecha de Ingreso: marzo-2009
Mensajes: 171
Antigüedad: 8 años, 8 meses
Puntos: 4
Respuesta: alineación a la derecha de un menú dinámico.

Grazas, son un pouco burringán.

puse el float:right sobre la ul y no sobre el elemento que tenía que hacerlo
#menuhorizontal{
background-color: #333;
border:1px solid #333;
height: 34px;
float: right; <-----AQUÍ
}

Luego puse un auto sobre las propiedades width y para saltar la línea del bloque contenedor un <div class="salto"></div> y todo arreglado.

Gracias por despertarme de mi sueño, lo que pasa es que soy mucho de utilizar tablas y me cuesta mucho a adaptarme.
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 11:14.