Website Help Needed aka Chris Denham Business Masterclass

Please Respond
johnnyboy
Posts: 838
Joined: Fri 15 Aug, 2003 14.57
Location: The Home of the Stottie

My business website has a bit of a design problem, and I was wondering if any of you guys can help.

The website in question is http://www.meridiandelta.com.

You will notice on the left hand side is a menu, made up of transparent GIFs. I've put the following Javascript instruction in to turn the background yellow when the mouse is over it -

Example link
<a href="products.htm" onMouseover="this.style.backgroundColor='yellow'" onMouseout="this.style.backgroundColor='white'">

In IE, it works fine, and the whole of the cell containing the link gets coloured yellow. See this -

Image
IE Mouse Off

Image
IE Mouse Over

However, in Firefox and Opera, it looks slightly strange...

Image
Non-IE Mouse Over

How do I get rid of this problem?

TIA.
Top
SteveL
Posts: 81
Joined: Fri 22 Aug, 2003 18.47

Is there any reason there's one image for each line? Like for the second top button, you have an image saying "What is Fax" and then on the line below "Marketing?".

See if it helps to merge each link into one image.
Top
James Hatts
Posts: 309
Joined: Sat 16 Aug, 2003 23.34
Location: London

Why use images at all for the menu? Surely it could all be done with a bit of CSS.
Top
Orry Verducci
Posts: 98
Joined: Sun 19 Dec, 2004 18.42
Location: Cambridgeshire

CSS would be the beat way to do it. I'll try and find the script for you.
Top
johnnyboy
Posts: 838
Joined: Fri 15 Aug, 2003 14.57
Location: The Home of the Stottie

Thanks guys.

I am totally unfamilar with CSS. When you've found the solution, could you instruct me on how to install it too?

TIA again.
Top
User avatar
Bail
Posts: 1142
Joined: Fri 15 Aug, 2003 21.41
Location: UK

Most upset.
Image
Top
User avatar
Gavin Scott
Admin
Posts: 6442
Joined: Fri 15 Aug, 2003 13.16
Location: Edinburgh
Contact:
Contact Gavin Scott

Bail wrote:Most upset.
:?: :arrow: :arrow:
Top
Orry Verducci
Posts: 98
Joined: Sun 19 Dec, 2004 18.42
Location: Cambridgeshire

Found a fix.

First, remove the javascript bit from all the links on your website, so they are normal, basic links.

Then, add this between the head tags at the top of the page, normally above the title tag:

Code: Select all

<style type="text/css">
A:HOVER {background-color:#FFFF00}
</style>
Image
On the site, the above image is made of 2 seperate images, one for each line as you know. Combine these into one transparant gif image as seen above.

You should find everything works then. A bit of messing around I know but it will make the site fully compatible.
Top
User avatar
Gavin Scott
Admin
Posts: 6442
Joined: Fri 15 Aug, 2003 13.16
Location: Edinburgh
Contact:
Contact Gavin Scott

Johnnyboy, if for example I wanted to fax broadcast to specific groups (like theatre and television chief electricians), would your company be able to locate contact details, or would you need a prepared database?

We're currently expanding our operations and certainly your service looks more cost effective than the one we are undertaking.

If this is a little off topic, feel free to address me by PM or in the staff room.
Top
Orry Verducci
Posts: 98
Joined: Sun 19 Dec, 2004 18.42
Location: Cambridgeshire

This seems to have gone down so I'm bringing it back up so johnnyboy can see.
Top
johnnyboy
Posts: 838
Joined: Fri 15 Aug, 2003 14.57
Location: The Home of the Stottie

Orry Verducci wrote:This seems to have gone down so I'm bringing it back up so johnnyboy can see.
Thanks, Ozzy.

I tried it - you can see it in the menu_main.htm page which is a drop-in menu, but unfortunately, it keeps doing the same thing.

Cheers anyway.
Top
Please Respond

Return to “The Lounge”