September 5th, 2005, 07:57 PM
|
|
Registered User
|
|
Join Date: Sep 2005
Posts: 1
Time spent in forums: 17 m 33 sec
Reputation Power: 0
|
|
|
How Do I Align Drop-Down Menus
I am having the exact same problem. Does anyone know how to align drop-down menus to static links in a "centered" web page...my example is at http://www.qsesupplements.com/enter.htm.
the script i used aligns the drop-down menus relative to the top left corner of the browser. i would like it to align it relative to the top left corner of the web page, so when i center the web page, the drop down menus will center with it.
don't know if this is possible?
i appreciate any help
thanks
c
Quote: | Originally Posted by Volitics Does anyone know how I can get the drop-down menu (the code at the bottom below) to align with the stationery link (the code at the top)?
What I'm wanting to do is have three or four stationery links and position them in the center of the page. The widths of the table cells will vary a little bit for each of the stationery links. Each of the stationery links will have a drop down menu.
The code below is only one stationery link and one drop-down menu.
If I align everything over against the left margin it works fine. However, I need to center the page.
I have not posted the portion of the JavaScript that goes in the heading of the HTML page.
PHP Code:
//---This link is the stationery link
<div align="center">
<table border="1" cellpadding="4" width=500>
<tr>
<td ID="menu-products" width="100" bgcolor="Silver"
onMouseOver="Menu('products');" onMouseOut="Timeout('products');">
<a href="products.html"><b>Products</b></a>
</td></tr>
</table></div>
//-- This menu drops down when the mouse passes over the above link
<div ID="products" STYLE="position:absolute; visibility: hidden">
<table width="100%" border="0" cellpadding="4" cellspacing="0">
<tr> <td width="100%" ID="p1"
onMouseOver="Highlight('products','p1');"
onMouseOut="UnHighlight('products','p1');">
<a href="equip.html">Equipment</a></td></tr>
<tr> <td width="100%" ID="p2"
onMouseOver="Highlight('products','p2');"
onMouseOut="UnHighlight('products','p2');">
<a href="supplies.html">Supplies</a></td></tr>
</table>
</div>
Thanks;
Volitics |
|
Dev Articles Community Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
