PDA

View Full Version : Menu HTML Problem



whittw
03-23-2006, 03:15 PM
Hey everyone, I am having a problem with the dropdown boxes I want to put in my website. The bottom border line does not display on the last item I want to go to. My code for a box by itself is below. What is causing the gray to appear instead of the line? Also, how do I change the color of the text in the dropdown boxes? Thanks Alot.

Whitt


<html>
<head>

<title>Dropdown Sample</title>

<script type="text/javascript" src="dropdown.js">
</script>

</head>
<body>




<!-- Electronics Dropdown Menu -->

<div id="menu_parent"
style="width: 95px; border: 1px solid black; background: #BEBEBE; padding: 0px 5px;
font-weight: 900; color: #000020;">
Electronics
</div>
<div id="menu_child"
style="position: absolute; visibility: hidden; background: #BEBEBE; left:10px; top:56px; width:24px">
<a style="border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; display: block; width: 120px; text-decoration: none; font-weight: 900; border-bottom: medium none;; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px" href="/store/electronics/300zx.html">300 ZX</a><font color="#000030">
</font>
<a style="border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; display: block; width: 120px; text-decoration: none; font-weight: 900; border-bottom: medium none;; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px" href="/store/electronics/supra.html">Toyota Supra</a><font color="#000030">
</font>

</div>

<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>

<br /><br /><br /><br />

</body>
</html>

</code>

ddadmin
03-23-2006, 05:29 PM
.. Right now we have no idea which menu you're referring to, :)

Twey
03-23-2006, 05:33 PM
There are many, many menu scripts on this site. :)

whittw
03-23-2006, 06:32 PM
DOH!
It was about Dropdown HTML control..

http://www.dynamicdrive.com/dynamicindex1/dropdowncontrol.htm

I am sorry for the confusion...:)

jscheuer1
03-23-2006, 07:03 PM
You have no bottom border specified for that element:


<a style="border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; display: block; width: 120px; text-decoration: none; font-weight: 900; border-bottom: medium none;; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px" href="/store/electronics/supra.html">Toyota Supra</a>

Also, you have an extra semicolon, shouldn't hurt anything but, might. Use this:


<a style="border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; display: block; width: 120px; text-decoration: none; font-weight: 900; border-bottom:1px solid black; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px" href="/store/electronics/supra.html">Toyota Supra</a>

Or the more concise:


<a style="border:1px solid black; display: block; width: 120px; text-decoration: none; font-weight: 900; padding:0 5px;" href="/store/electronics/supra.html">Toyota Supra</a>