List style na dwie kolumny Opcje

[malucka]

witam szukalam na forum ale nic bylo o tym
mam problem niewiem do konca jak zrobic zeby lista wyswietlala sie w dwoch kolumnach jesli ktos byl by tak mily i pomogl ponizej zamieszczam kod

[HTML] pobierz, plaintext 
<div id="nav_vertical">
				<ul>
					<li><a class="obraz1" href="#">tekst</a></li>
                                        <li><a class="obraz2" href="#">tekst</a></li>
					<li><a class="obraz3" href="#">tekst</a></li>
                                        <li><a class="obraz4" href="#">tekst</a></li>
                                        <li><a class="obraz5" href="#">tekst</a></li>
 
				</ul>
			</div>
[HTML] pobierz, plaintext 

[XML] pobierz, plaintext 
#nav_vertical {
 
 
	font-family: Futura, Verdana, Sans-Serif;
	font-size: 18px;
	color: #8e9090;
	height: 160px;
	background: #E2E2E2;
	padding: 10px;
 
}
#nav_vertical  ul {
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
#snav_vertical ul li {
	padding: 5px 0 0 5px;
	margin-left: 5px;
	list-style-type: none;
}
#nav_vertical  ul li a {
	padding: 4px 0 0 28px;
	height: 32px;
	color: #999;
	text-decoration: none;
	line-height: 1.45em;
}
#nav_vertical ul li a:hover {
	color: #6DCAFF;
	text-decoration: none;
}
 
.obraz1 {
	background: url(http://images.findicons.com/files/icons/2450/simple_icons/32/07_a.png)no-repeat;
	background-position: 0 -1px;
}
.obraz2 {
	background: url(http://images.findicons.com/files/icons/2450/simple_icons/32/06_a.png)no-repeat;
	background-position: 0 -1px;
}
.obraz3 {
	background: url(http://images.findicons.com/files/icons/2450/simple_icons/32/02_a.png)no-repeat;
	background-position: 0 -1px;
}
.obraz4 {
	background: url(http://images.findicons.com/files/icons/2450/simple_icons/32/03_a.png)no-repeat;
	background-position: 0 -1px;
}
.obraz5 {
	background: url(http://images.findicons.com/files/icons/2450/simple_icons/32/04_a.png)no-repeat;
	background-position: 0 -1px;
}
[XML] pobierz, plaintext 

Ten post edytował malucka 27.09.2011, 11:05:20