Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

renanfog

Lista não-numerada na horizontal!

Recommended Posts

Galera, uma duvida....

 

Eu queria pegar uma lista não-numerada assim:

 

<ul>      <li>AAAA</li>      <ul>            <li>AAAA 1111</li>            <li>AAAA 2222</li>            <li>AAAA 3333</li>            <li>AAAA 4444</li>      </ul>      <li>BBBB</li>      <ul>            <li>BBBB 1111</li>            <li>BBBB 2222</li>            <li>BBBB 3333</li>            <li>BBBB 4444</li>      </ul>      <li>CCCC</li>      <ul>            <li>CCCC 1111</li>            <li>CCCC 2222</li>            <li>CCCC 3333</li>            <li>CCCC 4444</li>      </ul></ul>

e deixar assim:

 

 

AAAA BBBB CCCC // Primeiro nivel na Horizontal

AAAA 1111 BBBB 1111 CCCC 1111 // Segundo na vertical

AAAA 2222 BBBB 2222 CCCC 2222

AAAA 3333 BBBB 3333 CCCC 3333

AAAA 4444 BBBB 4444 CCCC 4444

 

 

Da pra fazer????

Não é uma tabela não, eu queria deixar como lista pra usar o hover...

valeu

Compartilhar este post


Link para o post
Compartilhar em outros sites

Galera, uma duvida....

 

Eu queria pegar uma lista não-numerada assim:

 

<ul>      <li>AAAA</li>      <ul>            <li>AAAA 1111</li>            <li>AAAA 2222</li>            <li>AAAA 3333</li>            <li>AAAA 4444</li>      </ul>      <li>BBBB</li>      <ul>            <li>BBBB 1111</li>            <li>BBBB 2222</li>            <li>BBBB 3333</li>            <li>BBBB 4444</li>      </ul>      <li>CCCC</li>      <ul>            <li>CCCC 1111</li>            <li>CCCC 2222</li>            <li>CCCC 3333</li>            <li>CCCC 4444</li>      </ul></ul>
e deixar assim:

 

 

    AAAA                  BBBB                CCCC        // Primeiro nivel na Horizontal

    AAAA 1111          BBBB 1111        CCCC 1111 // Segundo na vertical

    AAAA 2222          BBBB 2222        CCCC 2222

    AAAA 3333          BBBB 3333        CCCC 3333

    AAAA 4444          BBBB 4444        CCCC 4444

 

 

Da pra fazer????

Não é uma tabela não, eu queria deixar como lista pra usar o hover...

valeu

<{POST_SNAPBACK}>

Caro colega,

 

Nao testei, mas vale a pena tentar:

 

li{

float:left

}

 

ul li ul {

display:block;

}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.