CSS Link tabs

xdous

10-18-2007, 04:29 PM

Today i have been making a new website and i have created some css tabs user images.

The first problem is in firefox when you click the tab to activate it, it does not turn black like its supposed when in IE it works fine. Im assume there is something missing from the active link coding.

Secondly how do i make the Home page tab black(active) when you first go to browse website.

Please see link http://outdoor-signs.co.uk/

Here is my css code for the links:

a {

width: 78px;
height: 48px;
display: block;
background-image: url(images/navigation_top_04.jpg);

}

a:hover {

width: 78px;
height: 48px;
background-image: url(images/navigation_top_03.jpg);

}

a:active {

width: 78px;
height: 48px;
background-image: url(images/navigation_top_03.jpg);

}

effpeetee

10-19-2007, 09:57 AM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

The first thing you should do is to give the program a DOCTYPE.
It should be the first line of code above the <html> tag.

Frank

xdous

10-19-2007, 10:44 AM

I know i need to add a doctype. Cheers for that anyway.

Got any ideas on how to sort the tabs out?

effpeetee

10-19-2007, 10:51 AM

No. I'm not very used to CSS myself, but I have in my own experience corrected results just by using the right DOCTYPE, so it's well worth doing before you look for any other problems. It tells the browser what versions to interpret.

The URL in my signature has many sources of help. It might be useful to check there.

Probably some other coder will help you. There are some extremely good coders here.

Frank