drop downs. Options

[Smarmosaur]

i searched around a bit and couldn't find anything.
how can i make drop down menus when a link is hovered? or is it not possible without javascript?

[Mickey]

I found this tutorial on Google. It should work on MySpace without using any Javascript. You can find an example of the working script here.

[Smarmosaur]

thanks, it works, but there's a lot of things that are messed up. also, it doesn't work in IE.

[Mickey]

I believe they said it won't work in IE, but I'll play around with the code and see if I can get it to work at least for other browsers.

EDIT:

I tried out the code but changed the ID's into classes since I don't think MySpace allows ID's. It worked for me, or at least on FireFox. Okay, this code here is for the actual dropdown menu:

CODE

<div class="dropdownmenu">

<ul class="item1">
<li class="top">menu item</li>
<li class="item"><a href="#">menu item 1</a></li>
<li class="item"><a href="#">menu item 2</a></li>
<li class="item"><a href="#">menu item 3</a></li>
</ul>

<ul class="item2">
<li class="top">menu item</li>
<li class="item"><a href="#">menu item 1</a></li>

</ul>

<ul class="item3">
<li class="top">menu item</li>
<li class="item"><a href="#">menu item 1</a></li>
<li class="item"><a href="#">menu item 2</a></li>
</ul>

<ul class="item4">
<li class="top">menu item</li>
<li class="item"><a href="#">menu item 1</a></li>
<li class="item"><a href="#">menu item 2</a></li>

<li class="item"><a href="#">menu item 3</a></li>
<li class="item"><a href="#">menu item 4</a></li>
</ul>

</div>

This here is for its style:

CODE

<style>
.dropdownmenu {background-color:ff0000;}
.dropdownmenu ul .item {display:none;}
.dropdownmenu ul:hover .item {display:block; background:000000; padding:1px; margin:1px;}
.dropdownmenu ul:hover .item a {color:ffffff; text-decoration:none; display:block;}
.dropdownmenu ul:hover .item a:hover {color:999999;}
.dropdownmenu ul {width:100px; float:left; margin:0px; padding:2px; background-color:b10000; list-style:none;}
</style>

Just make the necessary changes on the stylesheet part according to your liking.

[manny-the-dino]

Due to this topic being 2 weeks old & the problem being solved, this topic is Closed & Moved. PM me if you'd like for me to open this.