How to create drop down menu with table, td, td.

[jitendra]

How to create drop down menu with table, td, td.

i have to do this for this sitehttp://www.joannefabrics.com/english/products.asp

it’s table based site ,navigation bar made by table.

pls help ASAP

[Rob MacKay]

firstly I wouldnt use the table – I would use a UL.

Is it for the navigation? Coz you can get some good free CSS menu templates for free… here is a good tutorial.

http://www.seoconsultants.com/css/menus/tutorial/

[tier1ip]

I am also looking to add a submenu only to an existing menu for main page at tier1ip.com. Did you ever figure out a solution to this? I’m using basic html with js.

[gooflett]

What I would try doing is this.

The <td> that holds the link you want to be a dropdown give it an ID or class of "dropdown"

Next add an UL inside the td tag
<td class="dropdown">
<a>Main Link</a>

<ul>
<li>link 1</li>
<li>link 2</li>
<li>link 3</li>
</ul>

</td>

/* CSS /*
.dropdown ul {display:none}
.dropdown:hover ul {display:block;}

From there on you will need to position your UL using relative positioning. Also you will need a fix for IE6 because it doesn’t like :hovers except on a tags. But there are workarounds like http://www.xs4all.nl/~peterned/csshover.html

I hope this helps. If not. You could always use javascript to throw something up on hover.

[__]

@ywn1997, the last post in this discussion was almost five years ago. The topic is dead, and I seriously doubt that the OP is still looking for a “quick solution.”

Please, pay attention to dates and don’t dredge up very old discussions.

In general, if a thread is more than six months old, you should not post in it without a very, very, very good reason.

[Author]

Posts