PDA

View Full Version : css horizontal menu



xfr33
Jun 11th, 2009, 09:13 AM
Hi, everyone.
I have problem with my CSS horizontal menu. It is drop down menu. Every submenu is not in correct place, but is shown at the right side of all menu.
You can see it in: http://rkg.hostei.com
Just move your cursor on the menu. There are few sub menu's.
I need help, to place those sub menu right under the menu button but I have no idea how to do that.

Thank you in advance.

abduraooft
Jun 11th, 2009, 12:38 PM
I don't see any drop down anywhere!

xfr33
Jun 11th, 2009, 04:50 PM
Ok.
Code of css file:

CSS (http://paste.php.lv/0a20a3eea8f450fd2c0c9cc23f4acfd2?lang=php)

And code of menu items:

menu.txt (http://paste.php.lv/1fcd76b39fe367db76fb127740becbd8?lang=php)

There is drop down, but submenu position is wrong.

P.S.
Right now web server, which I am using, is being tested. So for now, it's not available.

xfr33
Jun 12th, 2009, 08:38 AM
Ok, now web adress
http://rkg.hostei.com
is available. There is menu with submenus. Can somebody help me, please?

abduraooft
Jun 12th, 2009, 09:18 AM
<li><a href="#">Par ģimnāziju</a></li>
<ul>
<li><a href="koncepcija.php">Koncepcija</a></li>

<li><a href="programmas.php">Programmas</a></li>
<li><a href="https://login.e-klase.lv/default.aspx?login=1&AspxAutoDetectCookieSupport=1" target="_blank">Tava e-klase</a></li>
<li><a href="#">Sadarbības partneri</a>
<ul>
<li><a href="http://www.manaskola.lv" target="_blank">Sestdienas skola</a></li>
<li><a href="interesu_izglitiba.php">Interešu izglītība</a></li>

</ul>
</li>
</ul>
</li>
Your markup nesting is incorrect. It should be of the form
<li><a href="#">Percoidei</a>
<ul>
<li><a href="#">Remoras</a></li>
<li><a href="#">Tilefishes</a></li>
<li><a href="#">Bluefishes</a></li>
<li><a href="#">Tigerfishes</a></li>
</ul>
</li>
Refer http://htmldog.com/articles/suckerfish/dropdowns/

PS: validate your code and fix the errors in your markup (http://validator.w3.org/check?uri=http%3A%2F%2Frkg.hostei.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0) first!

daemonkin
Jun 12th, 2009, 09:26 AM
If you want to steal my css and nav list from a horizontal nav site:
http://www.volunteering-ni.org
CSS:
http://www.volunteering-ni.org/css/main.css

Based on Suckerfish.

D.