Hola, me estoy volviendo loco tratando de ponerme varias listas (ul, li) en un mimsmo HTML pero todos toman los estilos de la primera lista.
Cómo se hace?
GRACIAS!
05/02/2014, 13:20
| ||||
| ||||
| Varias listas en un mismo html Hola, me estoy volviendo loco tratando de ponerme varias listas (ul, li) en un mimsmo HTML pero todos toman los estilos de la primera lista. Cómo se hace? GRACIAS! |
|
05/02/2014, 13:46
| ||||
| ||||
| Respuesta: Varias listas en un mismo html
Código CSS:
Ver original
Código HTML:
Ver original Última edición por pzin; 06/02/2014 a las 02:24 Razón: casi 8 años por acá y aún no sabe cómo publicar código |
|
05/02/2014, 14:19
| |||
| |||
| Respuesta: Varias listas en un mismo html Lo que entiendo es que las dos lista que están presentes deben tener estilos diferentes, pero lo que tu estas haciendo es acceder al div que contiene ambas lista y darle el estilo a todas las listas que tienes en tu documento. #list2 ul, li /* Significa que todos los hijos ul li que posea el div list2 van a tener los estilos*/ Lo conveniente seria en este caso darle un id o una clase al ul ej: <ul id="myList">...</ul> y en el css colocar #list2 #myList li{...}. Algo por el estilo espero ser de ayuda. Saludos.- |
|
05/02/2014, 21:01
| |||
| |||
| Respuesta: Varias listas en un mismo html Cita: La coma creo que se te ha olvidado al comentar el código.
Iniciado por obitox  Lo que entiendo es que las dos lista que están presentes deben tener estilos diferentes, pero lo que tu estas haciendo es acceder al div que contiene ambas lista y darle el estilo a todas las listas que tienes en tu documento. #list2 ul, li /* Significa que todos los hijos ul li que posea el div list2 van a tener los estilos*/ Lo conveniente seria en este caso darle un id o una clase al ul ej: <ul id="myList">...</ul> y en el css colocar #list2 #myList li{...}. Algo por el estilo espero ser de ayuda. Saludos.- Estás aplicando el estilo a #list2 ul (los ul hijos de #list2) y li (los elementos li, sin distinción alguna). Y como toda lista tiene elementos li.... |
|
06/02/2014, 07:01
| ||||
| ||||
| Respuesta: Varias listas en un mismo html Código HTML: #list2 ul, li {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
line-height:32px;
border-bottom:1px dotted #999;
list-style-type:none;
text-indent:8px;
}
<div id="list2">
<table align="left" border="1" cellpadding="0" cellspacing="0" style="height:271px; width:1000px">
<tbody>
<tr>
<td colspan="2">
<p><strong><a id="transporte" name="transporte"></a>Medios de Transporte / Meio de Transporte</strong></p>
</td>
</tr>
<tr>
<td>
<ul>
<li>Equipaje / Bagagem</li>
<li>Valija / Mala</li>
<li>Changador / Carregador</li>
<li>Pasaje / Passagem</li>
<li>Cédula de Identidad / Carteira de Identidade</li>
<li>Certificado de Vacuna / Certificado de Vacunação</li>
<li>Aduana / Alfándega</li>
<li>Ventanilla / Guiché</li>
<li>Primera Clase / Primeira Classe</li>
<li>Sala de Espera / Sala de Espera</li>
</ul>
</td>
<td>
<ul>
<li>Guarga Equipaje / Guarda-Bagagem</li>
<li>Deseo dejar esas cosas aqui / Gostaria de deixar estas coisas aqui</li>
<li>A qué hora parte el próximo tren/micro/avión? / A que hora parte o próximo trem/ ónibus/avião?</li>
<li>A que hora parte el tres/micro para... / De que plataforma parte o trem/ónibus para...</li>
<li>Cuál es la puerta del embarque? / Qual é a porta de embarque?</li>
<li>Quiero un boleto / Gostaria de uma passagem</li>
<li>Cuánto cuesta el boleto? / Quanto custa a passagem?</li>
<li>Hay lugar todavía / Ainda tem lugar?</li>
<li>Esta es la última estación? / Esta é a última estação?</li>
<li>Dónde es la salida? / Onde fica a saída?</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div> Para abrir dos con diferentes estilos ponlo de la siguiente forma y pon el estilo que necesites: Código HTML: #list3 ul, li {
}
<div id="list3">
<table align="left" border="1" cellpadding="0" cellspacing="0" style="height:271px; width:1000px">
<tbody>
<tr>
<td colspan="2">
<p><strong><a id="transporte" name="transporte"></a>Medios de Transporte / Meio de Transporte</strong></p>
</td>
</tr>
<tr>
<td>
<ul>
<li>Equipaje / Bagagem</li>
<li>Valija / Mala</li>
<li>Changador / Carregador</li>
<li>Pasaje / Passagem</li>
<li>Cédula de Identidad / Carteira de Identidade</li>
<li>Certificado de Vacuna / Certificado de Vacunação</li>
<li>Aduana / Alfándega</li>
<li>Ventanilla / Guiché</li>
<li>Primera Clase / Primeira Classe</li>
<li>Sala de Espera / Sala de Espera</li>
</ul>
</td>
<td>
<ul>
<li>Guarga Equipaje / Guarda-Bagagem</li>
<li>Deseo dejar esas cosas aqui / Gostaria de deixar estas coisas aqui</li>
<li>A qué hora parte el próximo tren/micro/avión? / A que hora parte o próximo trem/ ónibus/avião?</li>
<li>A que hora parte el tres/micro para... / De que plataforma parte o trem/ónibus para...</li>
<li>Cuál es la puerta del embarque? / Qual é a porta de embarque?</li>
<li>Quiero un boleto / Gostaria de uma passagem</li>
<li>Cuánto cuesta el boleto? / Quanto custa a passagem?</li>
<li>Hay lugar todavía / Ainda tem lugar?</li>
<li>Esta es la última estación? / Esta é a última estação?</li>
<li>Dónde es la salida? / Onde fica a saída?</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div> |
| Etiquetas: |
