Forum » Izdelava spletišč » 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.
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>
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje 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šč | 345007 (4144) | sunniegoldie |
» | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 1927 (1655) | kr?en |
» | poravnava li elementovOddelek: Izdelava spletišč | 2137 (2002) | boss-tech |
» | Wampserver in FirefoxOddelek: Izdelava spletišč | 1837 (1717) | jonystar |
» | CSS problemi (strani: 1 2 )Oddelek: Izdelava spletišč | 9781 (7580) | nuuush |