Ver Mensaje Individual
  #7 (permalink)  
Antiguo 06/02/2014, 07:01
Avatar de magnate8
magnate8
 
Fecha de Ingreso: octubre-2013
Mensajes: 20
Antigüedad: 11 años, 2 meses
Puntos: 0
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&eacute;dula de Identidad / Carteira de Identidade</li>
                <li>Certificado de Vacuna / Certificado de Vacuna&ccedil;&atilde;o</li>
                <li>Aduana / Alf&aacute;ndega</li>
                <li>Ventanilla / Guich&eacute;</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&eacute; hora parte el pr&oacute;ximo tren/micro/avi&oacute;n? / A que hora parte o pr&oacute;ximo trem/ &oacute;nibus/avi&atilde;o?</li>
                <li>A que hora parte el tres/micro para... / De que plataforma parte o trem/&oacute;nibus para...</li>
                <li>Cu&aacute;l es la puerta del embarque? / Qual &eacute; a porta de embarque?</li>
                <li>Quiero un boleto / Gostaria de uma passagem</li>
                <li>Cu&aacute;nto cuesta el boleto? / Quanto custa a passagem?</li>
                <li>Hay lugar todav&iacute;a / Ainda tem lugar?</li>
                <li>Esta es la &uacute;ltima estaci&oacute;n? / Esta &eacute; a &uacute;ltima esta&ccedil;&atilde;o?</li>
                <li>D&oacute;nde es la salida? / Onde fica a sa&iacute;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&eacute;dula de Identidad / Carteira de Identidade</li>
                <li>Certificado de Vacuna / Certificado de Vacuna&ccedil;&atilde;o</li>
                <li>Aduana / Alf&aacute;ndega</li>
                <li>Ventanilla / Guich&eacute;</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&eacute; hora parte el pr&oacute;ximo tren/micro/avi&oacute;n? / A que hora parte o pr&oacute;ximo trem/ &oacute;nibus/avi&atilde;o?</li>
                <li>A que hora parte el tres/micro para... / De que plataforma parte o trem/&oacute;nibus para...</li>
                <li>Cu&aacute;l es la puerta del embarque? / Qual &eacute; a porta de embarque?</li>
                <li>Quiero un boleto / Gostaria de uma passagem</li>
                <li>Cu&aacute;nto cuesta el boleto? / Quanto custa a passagem?</li>
                <li>Hay lugar todav&iacute;a / Ainda tem lugar?</li>
                <li>Esta es la &uacute;ltima estaci&oacute;n? / Esta &eacute; a &uacute;ltima esta&ccedil;&atilde;o?</li>
                <li>D&oacute;nde es la salida? / Onde fica a sa&iacute;da?</li>
            </ul>
            </td>
        </tr>
    </tbody>
</table>
</div> 
De esta forma no se te mezclaran :)