Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Dálhe!Então, alguém sabe como eu crio uma lista (utilizando as tags <ul><li>) com duas colunas... Eu acho que não tem como né, só com o uso de tabelas, ou na base da gambiarra certo? []'fui
Te tem. Mas nos meu teste rápido a segunda coluna ficou abaixo da primeira. Qual seria a utilidade disto?
Fiz um codigo p/ você vê se é isso:
<html><head> <style type="text/css"> ul { float: left; } </style> <head><body> <ul> <li> <ul> <li>ITEM 01-01</li> <li>ITEM 01-02</li> <li>ITEM 01-03</li> <li>ITEM 01-04</li> <li>ITEM 01-05</li> </ul> </li> <li> <ul> <li>ITEM 02-01</li> <li>ITEM 02-02</li> <li>ITEM 02-03</li> <li>ITEM 02-04</li> <li>ITEM 02-05</li> </ul> </li> </ul> </body>
>
Fiz um codigo p/ você vê se é isso:
<html><head> <style type="text/css"> ul { float: left; } </style> <head><body> <ul> <li> <ul> <li>ITEM 01-01</li> <li>ITEM 01-02</li> <li>ITEM 01-03</li> <li>ITEM 01-04</li> <li>ITEM 01-05</li> </ul> </li> <li> <ul> <li>ITEM 02-01</li> <li>ITEM 02-02</li> <li>ITEM 02-03</li> <li>ITEM 02-04</li> <li>ITEM 02-05</li> </ul> </li> </ul> </body>
É Nego ...não sei se voce chegou a testar, mas as listas não ficam alinhadas corretamente.o primeiro elemento da lista (coluna 1), não corresponde ao segundo elemento da lista (coluna 2)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Listas</title>
<style type="text/css"> float:left;
}</style>
</head>
<body>
<ol>
<li>Item 1-1</li>
<li>Item 1-2</li>
<li>Item 1-3</li>
<li>Item 1-4</li>
</ol>
<ol>
<li>Item 2-1</li>
<li>Item 2-2</li>
<li>Item 2-3</li>
<li>Item 2-4</li
</ol>
</body>
</html>
Não cara, não precisa de tabelas nem de gambiarras, você pode fazer ul li aninhados ou fazer duas listas ul li e colocar em duas div's e posicionar com css onde você quizer!isso é muito simples!