Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Organizando li em colunas com CSS

21-03-2013 18:08

Esse script mostra como organizar li, que geralmente são dispostos em linhas, em formato de colunas.

CSS

ol {   width: 30em;  /* room for 3 columns */ } ol li {   float: left;   width: 10em;  /* accommodate the widest item */ } /* stop the floating after the list */ br {   clear: left; } /* separate the list from what follows it */ div.wrapper {   margin-bottom: 1em; }

HTML

<div class="wrapper">   <ol    ><li><a href="#">Aloe</a></li    ><li><a href="#">Bergamot</a></li    ><li><a href="#">Calendula</a></li    ><li><a href="#">Damiana</a></li    ><li><a href="#">Elderflower</a></li    ><li><a href="#">Feverfew</a></li    ><li><a href="#">Ginger</a></li    ><li><a href="#">Hops</a></li    ><li><a href="#">Iris</a></li    ><li><a href="#">Juniper</a></li    ><li><a href="#">Kava kava</a></li    ><li><a href="#">Lavender</a></li    ><li><a href="#">Marjoram</a></li    ><li><a href="#">Nutmeg</a></li    ><li><a href="#">Oregano</a></li    ><li><a href="#">Pennyroyal</a></li  ></ol>   <br /> </div><!-- .wrapper -->

Fonte http://alistapart.com/article/multicolumnlists
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado