[matt-h]

Hi, I am upgrading my site to use php, which means I can ditch my complicated JS menu for a easier to manage CSS menu.

I have been using
http://alistapart.com/articles/horizdropdowns
as the guide. If there is a better one more suited to my needs, just point me in the right direction.

My Site with PHP
Original Site

But I am having problems with them popping out. How do I sort the third tier out? All the LI's and UI's in the code confuse me.

Also, how do I set a different colour for hovering (like on the old JS menu)?

I have been mucking around with the code but cant work it out.

Also, there is apparently a IE problem according to the tutorial site, but I think I know how to fix it, having used the code before with a much simpler menu.

Thanks in advance.

[deepdiver01]

There are many scripts out there for horizontal and vertical pop out menus. Just google css drop down menus and take your pick.

I haven't used any so I cannot state which one works best. Sorry.

In regard the different link colors, use use the following in your css. In this instance, I am changing the color on hover and also underlining the link only when you hover as well

a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #FF0000;
  text-decoration: underline;
}

Deep

[MMJ]

php and js do two different things.

How does "upgrading my site to use php" allow you to "ditch my complicated JS menu"?

[matt-h]

Because before I had a complicated JS menu, because I wanted a menu that was manageable from one file. Now I use PHP, so I can use a single and seperate PHP file, ie. every page refers to it by using this code:

("http://www.agsvi.co.uk/phptest/inc/menu.php"); ?>

I am using a different menu, which is working quite well. However there are a few noticeable problems. I am trying to sort it out.

Text size is screwed up in IE7.
I would like the arrows (which are part of the background) to only appear if there is a submenu for that selection. Is there anything I can do with the CSS to do this, or shall I just include the image in the html?

EDIT: I am using yet another one which solves the arrow problem. Still WIP atm

[MMJ]

Oh, ok.

[Sequal7]

It is amazing how many think that server side scripting languages are required to use server side includes.

There is no need to do this using php, you can use a simple file extension change to .shtml (instead of html) to include server side language and your page can include it as;

<!--#include virtual="yourpage.htm"-->

Sample of this

[matt-h]

OK, I have been playing around with the menu loads and it works exactly as I want in Firefox 2 and Internet Explorer 7 at both 1024x768px and 800x600px. I think the site is pretty much bug free now. Any advice and critique is still welcome. One problem is that IE renders images strangely, for instance the #CC0000 red in the images actually appears as #C60000 in IE7 for some strange reason.

[matt-h]

ARGHHH - Problem - The Javascript slideshow appears above the menu when you go through to a third tier. Haven't got a clue where to start with this.