Hello,

I've been struggling to work out a solution to the following, i have been wanting to put a css drop down menu onto my site www.razor-hosting.co.uk.

I am using CSS styles etc and ive tried adding the old code such as the following:

<li><a href="#">Sub 1:1</a></li>
			<li><a href="#" class="parent">Sub 1:2</a>
				<ul>
				<li><a href="#">Sub 1:2:1</a></li>
				<li><a href="#">Sub 1:2:2</a></li>
				<li><a href="#">Sub 1:2:3</a></li>
				<li><a href="#">Sub 1:2:4</a></li>
				</ul>
			</li>
			<li><a href="#">Sub 1:3</a></li>
			<li><a href="#" class="parent">Sub 1:4</a>
				<ul>
				<li><a href="#">Sub 1:4:1</a></li>
				<li><a href="#">Sub 1:4:2</a></li>
				<li><a href="#">Sub 1:4:3</a></li>
				<li><a href="#">Sub 1:4:4</a></li>
				</ul>
			</li>
			<li><a href="#" class="parent">Sub 1:5</a>
				<ul>
				<li><a href="#">Sub 1:5:1</a></li>
				<li><a href="#">Sub 1:5:2</a></li>
				<li><a href="#">Sub 1:5:3</a></li>
				<li><a href="#">Sub 1:5:</a></li>
				<li><a href="#">Sub 1:5:5</a></li>
				</ul>
			</li>

etc etc, and it didnt work, i also got confused with changing the style

<a href="#" class="top_parent">

to what i currently have so it looks the same as it does currently.

If anyone can help and maybe if possible add us on msn and spend half an hour or so helping out that would be great

Regards

Try this : http://www.htmldog.com/articles/suckerfish/

cheers i will have a look

One brief note: Your list isn't semantically correct. <li>s must be enclosed within <ul>s.

tim

ok i have an update,

I am still stuck and i tried another method so if anyone can help please check below.

Currently it looks like the following, please note the only drop down bit is on the shared hosting link on the menu

http://razor-hosting.co.uk/index1.php


a copy of header.php can be found here

http://www.razor-hosting.co.uk/help/header.txt

a copy of the significant style elements can be found here

http://www.razor-hosting.co.uk/help/style.txt

it might be css not html problem im not sure

You need to change the menu so it's ABOVE the graphic:

#mainMenuLevel1 {
border:0 none;
float:right;
font-size:100%;
list-style-type:none;
margin:0 0 2px;
padding:5px 0 5px 5px;
position:relative;
text-align:left;
z-index:200;
}

i love you loads and loads and loads!! thanks

go google give keyword as a horizontal sucker tree menu you will get good example.

<link drop removed>