Foros del Web » Creando para Internet » CSS »

Alinear un <li> a la derecha (incluido el "list-type")

Estas en el tema de Alinear un <li> a la derecha (incluido el "list-type") en el foro de CSS en Foros del Web. Hola a todos, lo que quiero hacer es alinear mi lista (<ul><li>) a la derecha, pero que la imágen de mi list type esté alineada ...
  #1 (permalink)  
Antiguo 29/03/2007, 21:18
 
Fecha de Ingreso: mayo-2004
Ubicación: Santiago
Mensajes: 122
Antigüedad: 13 años, 7 meses
Puntos: 0
Alinear un <li> a la derecha (incluido el "list-type")

Hola a todos, lo que quiero hacer es alinear mi lista (<ul><li>) a la derecha, pero que la imágen de mi list type esté alineada a la derecha también, antes del texto.. osea, lo que logro poniendo text-align: center o simplemente align=center es lo siguiente:
Cita:
« Vínculo 1
« Vínculo 2
y lo que quisiera lograr sería
Cita:
Vínculo 1 «
Vínculo 2 «
Dónde las flechas "«" son una pequeña imágen que usaría como list-type. Osea, que el list-type vaya a la derecha del texto.

Espero haber explicado todo bien.

Gracias de antemano,
JAC
__________________
http://www.xtasy.cl
  #2 (permalink)  
Antiguo 30/03/2007, 00:01
 
Fecha de Ingreso: diciembre-2001
Ubicación: Asuncion
Mensajes: 143
Antigüedad: 16 años
Puntos: 1
Re: Alinear un <li> a la derecha (incluido el "list-type")

Prueba este codigo

Código PHP:
ul {
   list-
style-typenone;
   
padding0px;
   
margin0px;
}
ul li {
   
text-alignright;
   
background#f00 url(grafico1.gif) no-repeat fixed right 8px;
}
ul li a {
   
color#333333;
   
displayblock;
   
height18px;
   
padding5px 20px -5px 0;
   
text-decorationnone;

Código PHP:
<ul>
   <
li><a href="item1.html">Item 1</a></li>
   <
li><a href="item2.html">Item 2</a></li>
   <
li><a href="item3.html">Item 3</a></li>
</
ul
  #3 (permalink)  
Antiguo 30/03/2007, 16:11
 
Fecha de Ingreso: mayo-2004
Ubicación: Santiago
Mensajes: 122
Antigüedad: 13 años, 7 meses
Puntos: 0
Re: Alinear un <li> a la derecha (incluido el "list-type")

Hola taar, muy buena tu idea, me sirvió.. lo que hice al final fue esto:

.menuli li {
margin: 0;
text-align: right;
list-style: none;
background-image: url(images/layout/menu/list-style.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 12px;
}
__________________
http://www.xtasy.cl
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 12:42.