Foros del Web » Creando para Internet » CSS »

Como tener 2 formatos ul en un mismo documento?

Estas en el tema de Como tener 2 formatos ul en un mismo documento? en el foro de CSS en Foros del Web. Hola! Me gustaría saber como puedo tener 2 formatos de ul en un mismo documento HTML, es decir: Un div que contenga ul con los ...
  #1 (permalink)  
Antiguo 24/03/2010, 04:47
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Pregunta Como tener 2 formatos ul en un mismo documento?

Hola!

Me gustaría saber como puedo tener 2 formatos de ul en un mismo documento HTML, es decir:

Un div que contenga ul con los siguientes parametros:

Código HTML:
ul {list-style-type: none;
text-align: center;}
li {padding: 4px 12px;display: inline;
}
y otro:

Código HTML:
ul {list-style-type: none;
text-align: center;}
li {padding: 8px 19px;display: inline;
}
Es posible?

Muchas gracias
  #2 (permalink)  
Antiguo 24/03/2010, 04:53
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Como tener 2 formatos ul en un mismo documento?

Buenas,

si es posible, a mi el metodo que se me ocurre sería el de asignarle a cada uno una clase distinta
Código CSS:
Ver original
  1. li.primero {padding: 4px 12px;display: inline;}
  2.  
  3. li.segundo {padding: 8px 19px;display: inline;}

Y luego en el html le asignas la clase oportuna.

Código HTML:
Ver original
  1. <li class="primero">.....</li>
  2.  
  3. <li class="segundo">.....</li>

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 24/03/2010, 05:39
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Como tener 2 formatos ul en un mismo documento?

Hola Impostor, gracias por contestar.

Con li se que no hay problema para ponerlos de diferente manera.

El caso es que quiero que el ul (que contiene el li) sea en la misma linea en un segundo div, no como en el primero.

Supongamos que pongo en el CSS un primer ul que no contenga "text-align:center;".
Si en un segundo ul quiero que tenga "text-align:center;" no puedo hacerlo...

No se si me he explicado bien??

Un saludo!
  #4 (permalink)  
Antiguo 24/03/2010, 06:01
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Como tener 2 formatos ul en un mismo documento?

No se si te entendí, pero en ese caso puedes aplicar las clases directamente al ul en vez de al li

Código CSS:
Ver original
  1. ul.primero {.......}
  2.  
  3. ul.segundo {.....}

Y si quieres diferenciar los li lo haces asi

Código CSS:
Ver original
  1. ul.primero li {.................}
  2.  
  3. ul.segundo li {....................}

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.

Etiquetas: documento, formatos
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 14:35.