CSS Problem (I Think)

[Guest]

Firstly i will say , great version, i wouldnt use anything else now. A couple of thing confuse me however.

 

1. I could be wrong but I thought there was a column controller with this version and cant find it in the admin.

 

2. Im having trouble with a CSS issue. If you go to my WWW you will see at top there is the bar links that i have changed. My goal is a block of colour for mouse over but it seems to move the text all over the place.

 

My style sheet entry looks like this

 

A.headerNavigationBarLink {

color: #FFFFFF;

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight: normal;

padding: 0px;

margin: 0px;

text-decoration: none;

}

 

A.headerNavigationBarLink:hover {

color: #000000;

text-decoration: none;

background-color: #FF9900;

padding: 0px;

margin: 0px;

display: block;

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight: bold;

}

 

I dont see any reason why this should happen, my only thought was that it was calling the links from another page etc etc but not really sure, ive tried loads of different things but nothing.

 

Also can anyone tell me how i assign a bg image rather than a colour to this version.

 

thanks in advance.

 

Paul

[saJezza]

Change it to this:

 

A.headerNavigationBarLink {

color: #FFFFFF;

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

padding: 0;

margin: 0;

text-decoration: none;

display: block;

}

 

A.headerNavigationBarLink:hover {

color: #000000;

background-color: #FF9900;

font-weight: bold;

}

 

That works for me, you had put in unnecessary code counter acting each other.

[241]

At the moment I am seeing nothing in the navbar due to white on white.

What happened with the SEC did you sort out the bit of code?

[saJezza]

And to the second part of your question to have background pics do:

 

A.headerNavigationBarLink:hover {

color: #000000;

background: url(images/yourimage.gif);

font-weight: bold;

}