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

Code:

<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

Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format for asking a question.. 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/dynamici...owncontrol.htm

I am sorry for the confusion...

**jscheuer1** · 03-23-2006, 07:03 PM

You have no bottom border specified for that element:

Code:

<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:

Code:

<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:

Code:

<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>

Thread: Menu HTML Problem

Thread Tools

Search Thread

Menu HTML Problem

Bookmarks

Bookmarks

Posting Permissions