Meniu cu imagini pe 2 coloane.

<div id="leftnav">
<ul>
	 <li class="1"><a href="corect.htm"><span>mar</span></a></li>
	 <li class="2"><a href="gresit.htm"><span>para</span></a></li>
	 <li class="3"><a href="gresit.htm"><span>strugure</span></a></li>
	 <li class="4"><a href="gresit.htm"><span>cirese</span></a></li>
</ul>
</div>

#leftnav ul { width:200px; }
#leftnav li a { height:40px; display:block; }

#leftnav li.1 { background-image:url(1.jpg); }
#leftnav li.1 a { background-image:url(1selectat.jpg); }
#leftnav li.2 { background-image:url(2.jpg); }
#leftnav li.2 a { background-image:url(2selectat.jpg); }
#leftnav li.3 { background-image:url(3.jpg); }
#leftnav li.3 a { background-image:url(3selectat.jpg); }
#leftnav li.4 { background-image:url(4.jpg); }
#leftnav li.4 a { background-image:url(4selectat.jpg); }


#leftnav li a:hover { background-image:none; }
#leftnav li a span { display:none; } }

Edited by alex05ok, 11 December 2013 - 19:25.

#leftnav ul { width:200px; columns:100px 2; -webkit-columns:100px 2; -moz-columns:100px 2; }

 zepar, on 11 decembrie 2013 - 23:35, said:

#leftnav ul { width:200px; columns:100px 2; -webkit-columns:100px 2; -moz-columns:100px 2; }

Edited by alex05ok, 12 December 2013 - 12:28.

#leftnav li {
  width: 50%;
  float: left;

}