☰

» »

Horizontalni meni/podmeni

Horizontalni meni/podmeni

inbox ::

Imam narejen horizontalni meni, vendar bi rad da se še podmeni odpre v horizontali in ne navpično. Zanima me kje moram kaj dodat.
Hvala.
<style type="text/css">
#meni ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#meni ul li {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	position: relative;
	float: left;
}
#meni ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	line-height: 25px;
	display: block;
	padding-left: 10px;
	width: 120px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-top-color: #0C0;
	border-right-color: #0C0;
	border-bottom-color: #0C0;
	border-left-color: #0C0;
	float:left;
	text-align: center;
}
#meni ul li a:hover {
	border-bottom-style: solid;
	border-bottom-color: #900;
}
#meni ul li ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 26px;
	margin: 0;
}
#meni ul li ul li {
	margin: 0;
}

#meni li:hover ul {
	display: block;
}
</style>
</head>

<body>
<div id="meni">
<ul>
	<li><a href="#">O nas</a></li>
	<li><a href="#">Ponudba</a></li>

	<li><a href="#">Trgovina
		</a>
		<ul>
			<li><a href="#">Podmeni 1</a></li>
			<li><a href="#">Podmeni 2</a></li>
            <li><a href="#">Podmeni 3</a></li>
            <li><a href="#">Podmeni 4</a></li>
            <li><a href="#">Podmeni 5</a></li>
            <li><a href="#">Podmeni 6</a></li> 
	  </ul>
	</li>
	<li><a href="#">Galerija</a></li>
</ul>
</div>
</body>
</html>

algo ::

http://www.cssnewbie.com/horizontal-dro...

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )

Oddelek: Izdelava spletišč		1298367696 (26833) sunniegoldie
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč		152154 (1882) kr?en
»

poravnava li elementov

Oddelek: Izdelava spletišč		82364 (2229) boss-tech
»

Wampserver in Firefox

Oddelek: Izdelava spletišč		62040 (1920) jonystar
»

CSS problemi (strani: 1 2 )

Oddelek: Izdelava spletišč		5110455 (8254) nuuush

Več podobnih tem