Foros del Web » Creando para Internet » CSS »

Alinear una Lista a la derecha!!???

Estas en el tema de Alinear una Lista a la derecha!!??? en el foro de CSS en Foros del Web. Buenas gente!, tengo una duda, he creado una lista con 4 imagenes (un menu de idiomas, con sus banderitas) con el tamaño widht de la ...
  #1 (permalink)  
Antiguo 03/06/2010, 09:43
 
Fecha de Ingreso: abril-2006
Mensajes: 6
Antigüedad: 11 años, 7 meses
Puntos: 0
Alinear una Lista a la derecha!!???

Buenas gente!,

tengo una duda,
he creado una lista con 4 imagenes (un menu de idiomas, con sus banderitas) con el tamaño widht de la cabecera, y claro la lista se coloca junto a la izquierda del div.

¿COmo puedo hacer para que esta lista este pegada a la derecha? He probado con el padding-right:0px; y padding-left:XXXpx; pero nada de nada!!! no funciona... alguna ayuda?

Se puede mover las etiquetas <li> hacia la derecha? ¿O debería crear un div y dentro el <ul>???

Código:
ul.languages 				{width:670px; height:14px; top:45px; margin-right:0px; padding-right:0px; float:both; position:relative; overflow:hidden; list-style:none;}
ul.languages li 			{float:left;}
Código HTML:
<ul class="languages">
 		<li class="es"><a href="http://.../es/index.html" class="active"></a></li>
  		<li class="uk"><a href="http://.../uk/index.html"></a></li>
  		<li class="al"><a href="http://.../al/index.html"></a></li>
  		<li class="us"><a href="http://.../us/index.html"></a></li>
</ul>
  </div> 
Muchas Gracias por las posibles ayudas!!! :)
  #2 (permalink)  
Antiguo 03/06/2010, 10:18
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Alinear una Lista a la derecha!!???

Proba con esto:

Código CSS:
Ver original
  1. ul.languages {width:670px; height:14px; top:45px; margin-right:0px; padding-right:0px; float:both; position:relative; overflow:hidden; list-style:none;float:right;}

  #3 (permalink)  
Antiguo 03/06/2010, 10:27
 
Fecha de Ingreso: mayo-2010
Mensajes: 27
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: Alinear una Lista a la derecha!!???

Cita:
Iniciado por DragonX Ver Mensaje
Proba con esto:

Código CSS:
Ver original
  1. ul.languages {width:670px; height:14px; top:45px; margin-right:0px; padding-right:0px; float:both; position:relative; overflow:hidden; list-style:none;float:right;}


En lugar de float:both querrá decir clear:both. Hasta los mejores se equivocan a veces :P

En mi opinión si quieres que tu lista salga a la derecha y sabes cuanto te va a ocupar de width, creale un <div> con ese width y éste lo posicionas a la derecha (con float right;)
Así si por algun casual más adelante aparte de la lista quieres meterle otra cosa alineada a tu lista lo podrás hacer sin problemas dentro de ese div.


Saludos!
  #4 (permalink)  
Antiguo 03/06/2010, 10:32
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Alinear una Lista a la derecha!!???

Shawty, DragonX solo agrego el float:right;
  #5 (permalink)  
Antiguo 03/06/2010, 12:00
 
Fecha de Ingreso: abril-2006
Mensajes: 6
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Alinear una Lista a la derecha!!???

Gracias chicos,

Al final he creado un div con el UL dentro :)

os agradezco mucho vuestra ayuda!!!!
  #6 (permalink)  
Antiguo 03/06/2010, 12:31
 
Fecha de Ingreso: abril-2006
Mensajes: 6
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Alinear una Lista a la derecha!!???

ohhhhhhhhhhhh!! nooooo

Al mirar con el navegador, IE y firefox, me sale a la izquierda, pero en el dreamweaver se ve a la derecha!!

Qué hago!?

Código HTML:
<div class="banderitas">
          <ul class="languages">
 		<li class="es"><a href="http://.../es/index.html" class="active"></a></li>
  		<li class="uk"><a href="http://.../uk/index.html"></a></li>
  		<li class="al"><a href="http://.../al/index.html"></a></li>
  		<li class="us"><a href="http://.../us/index.html"></a></li>
		</ul>
</div> 
Código:
.banderitas {width:670px; height:14px; position:relative; top:30px; margin:0; padding:0; float:both;}
ul.languages {width:85px; height:14px; position:relative; overflow:hidden; list-style:none; float:right;}
  #7 (permalink)  
Antiguo 03/06/2010, 13:09
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Alinear una Lista a la derecha!!???

Cita:
Iniciado por alexk Ver Mensaje
Shawty, DragonX solo agrego el float:right;

Etiquetas: alinear, derecha, lista
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 21:03.