Ir para conteúdo

Arquivado

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

Void :

Lista com duas colunas

Por , em Desenvolvimento frontend

Recommended Posts

Void :    0

Void :
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Santiago    0

Santiago
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Santiago    0

Santiago
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Void :    0

Void :
Postado

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)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado 
<!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">
ol {
	float:left;
}
* html li {margin-left:25px;}

</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>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito