Horizontal drop down menu help pls.....

le007 Well-Known Member

Messages:: 481

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 103

#1

I want an exact menu with the slight border between the links and everything on the dropdown menu on this page: http://www.mccabebuilders.com

My code is below - anyone give me a hand to get it the same look please?
Thanks,
Le007

<html>
<head>
<style>
/* Begin CSS Popout Menu */

#menuh {
float : left;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
margin : 0;
border-bottom : 0 solid #520934;
color : #333;
background : #a4a4a0;
}
#menuh a {
display : block;
height : 16px;
text-align : left;
border : 1px solid #eee;
white-space : nowrap;
margin : 0;
padding : 0.3em 0.2em 0.3em 0.4em;
}
#menuh a, #menuh a:visited {
color : #000;
background : #a4a4a0;
text-decoration : none;
}
#menuh a:hover {
color : #fff;
background-color : #6e6a5a;
}

#menuh ul {
list-style : none;
margin : 0;
padding : 0;
float : left;
width : 100px;
}
#menuh li {
position : relative;
}
#menuh ul ul {
position : absolute;
z-index : 500;
top : auto;
display : none;
padding : 1em;
margin : -1em 0 0 -1em;
}

div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul {
display : block;
}

/* End CSS Popout Menu */
</style>
</head>

<div id="menuh">
<ul>
<li><a href="#" class="top_parent"> Homepage</a>

<ul>
<li><a href="#">• About</a></li>
</ul>

</li>
</ul>

<ul>
<li><a href="#" class="top_parent"> Gallery 1 </a>

<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>

<li><a href="#">• Link 3</a></li>
</ul>

</li>
</ul>

<ul>
<li><a href="#" class="top_parent"> Gallery 2</a>

<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>

</li>
</ul>

<ul>
<li><a href="#" class="top_parent"> Gallery 3</a>

</li>
</ul>

<ul>

<li><a href="#" class="top_parent"> Resources</a>

</li>
</ul>

<ul>
<li><a href="#" class="top_parent"> Contact</a>

</li>

</ul>

</div>
Click to expand...

le007, Aug 7, 2008 IP

CollyMellon Peon

Messages:: 749

Likes Received:: 14

Best Answers:: 0

Trophy Points:: 0

#2

You could try here: CSS Play dropdown and adjust the css to suit your needs.

CollyMellon, Aug 7, 2008 IP

le007 Well-Known Member

Messages:: 481

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 103

#3

Thanks CollyMellon

le007, Aug 7, 2008 IP

le007 Well-Known Member

Messages:: 481

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 103

#4

The issue is though that I did try and edit it and it didn't come out right - anyone any suggestions? Its the lower party of the menu on the link I want. The drop down part.....

le007, Aug 7, 2008 IP

Log in or Sign up

Horizontal drop down menu help pls.....

le007 Well-Known Member

CollyMellon Peon

le007 Well-Known Member

le007 Well-Known Member

Useful Searches