Alinear una Lista a la derecha!!???

[kikasorell]

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!!! :)

[DragonX]

Proba con esto:

Código CSS:

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;}
 

[Shawty]

Iniciado por DragonX

Proba con esto:

Código CSS:

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!

[alexk]

Shawty, DragonX solo agrego el float:right;

[kikasorell]

Gracias chicos,

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

os agradezco mucho vuestra ayuda!!!!

[kikasorell]

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;}

[DragonX]

Iniciado por alexk

Shawty, DragonX solo agrego el float:right;