Foros del Web » Creando para Internet » CSS »

Elementos de una lista alineados a distintos lados?

Estas en el tema de Elementos de una lista alineados a distintos lados? en el foro de CSS en Foros del Web. Hola, Me gustaría saber como puedo hacer para que los elementos de una lista se pueda alinear unos a un lado de la pantalla y ...
  #1 (permalink)  
Antiguo 13/05/2010, 15:19
 
Fecha de Ingreso: mayo-2010
Mensajes: 6
Antigüedad: 7 años, 7 meses
Puntos: 0
Elementos de una lista alineados a distintos lados?

Hola,

Me gustaría saber como puedo hacer para que los elementos de una lista se pueda alinear unos a un lado de la pantalla y otros al lado contrario mediante CSS.

Fijaos en esta imagen:

Me gustaría que"User" y "Close session" estuviesen en el lado derecho de la pantalla. Puede hacerse? Para más información, eso pertenece a una appweb que estoy desarrollando con ASP.NET en C#.

Un saludo y gracias!
  #2 (permalink)  
Antiguo 13/05/2010, 15:28
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: Elementos de una lista alineados a distintos lados?

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2.   <head>
  3.     <title>New Document</title>
  4.     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  5.     <style>
  6.     body{margin:0;padding:0;}
  7.     ul{padding:0;}
  8.     ul li{display:inline-block;border:1px solid #000;width:20%;}
  9.     ul li.izq{float:left;}
  10.     ul li.der{float:right;}
  11.     </style>
  12.   </head>
  13.   <body>
  14.     <ul>
  15.       <li class="izq">izquierda</li>
  16.       <li class="der">derecha</li>
  17.     </ul>
  18.   </body>
  19. </html>

espero te sirva
  #3 (permalink)  
Antiguo 13/05/2010, 15:56
 
Fecha de Ingreso: mayo-2010
Mensajes: 6
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Elementos de una lista alineados a distintos lados?

Muchas gracias DragonX, pero eso ya lo había intentado yo y no me va :(
  #4 (permalink)  
Antiguo 13/05/2010, 17:42
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: Elementos de una lista alineados a distintos lados?

¿cómo no? yo lo probé en IE y FF y anda perfecto en los dos, si no te anda es porque otra cosa debe estar fallando.

un abrazo
  #5 (permalink)  
Antiguo 13/05/2010, 18:02
 
Fecha de Ingreso: mayo-2010
Mensajes: 6
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Elementos de una lista alineados a distintos lados?

Mmmmm, interesante. Y como haces para verlo? Lo guardas en un archivo .html? O como? Porque igual es ahí donde estoy fallando yo...

Porque el caso es que yo había maquetado la web en Snow Leopard con Coda y mis estilos eran exactamente igual que los que me pones (bueno, con más cosas) e iban bien tanto en Chrome como en FF, pero ahora llego a w7 y Visual Studio y Expresion Web 3 no me los interpretan bien. Pero es que además pillo lo que hiciste tu arriba, lo guardo en un .html y tampoco me lo abre bien ningún navegador...

Saludos y gracias!

Etiquetas: distintos, elementos, 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 07:58.