Help with layout please.

[4cws.com]

Hi peggy,
Looks like some good help here. I went ahead and checked your site, LOOKS GREAT.

[peggy]

Hi peggy,
Looks like some good help here. I went ahead and checked your site, LOOKS GREAT.

Thanks!!!

[peggy]

Add to your stylesheet

.centerBoxContentsNew a {color: #112233;}

.

I have another question for you if I may?

I have noticed that the links in the main content throughout the whole of my site are all pale.

Is there some code I can add to the stylesheet to fix all the pages or do I have to track them all down and add the above code to each page id or class?

I am confused as to why the links are not uniform on each page?
Thanks

[gjh42]

You can style generic links on your site; near the top of the stylesheet there will be a declaration like

a:link {
...
...
}

This sets the standard, and then various subtypes can have modifications to that.

[peggy]

You can style generic links on your site; near the top of the stylesheet there will be a declaration like

a:link {
...
...
}

This sets the standard, and then various subtypes can have modifications to that.

But I don't want to do that as that will change the links that are white in my menu's which I want to keep white!

I want the links on the dark backgrounds light/white and the links on the light backgrounds dark/brown and I have no idea how to achieve this?

[gjh42]

You are going to have to set one basic link style and then an alternate style for the other variety. Whichever is more common probably should be the basic.
The sidebox links may be a bit simpler to specify as different from the basic style.

[peggy]

You are going to have to set one basic link style and then an alternate style for the other variety. Whichever is more common probably should be the basic.
The sidebox links may be a bit simpler to specify as different from the basic style.

Yes I kinda thought that was the obvious solution. Thing is I dont know ow do do that as I am new to CSS and anything I have tried hasn't worked. Do you think you could help me out an tell me how to go about it? As in, "what code goes where"?

[gjh42]

Start off with the basic link colors:

a:link, #navEZPagesTOC ul li a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	}

a:visited {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #fbce50;
	}

a:active {
	color: #0000FF;
	}

#ffffff is white, #000000 is black, #ff0000 is red, #00ff00 is green and #0000ff is blue.

Search through your stylesheet for
color:
and you will find all places where text color is defined. Many of them you will not want to change, but check out any you are not sure of and see what they control.
Some elements that are now the default white will not be specified in the stylesheet, so you will need to add them. Find things like

.sideBoxContent a {
	background-color: #c69c42;
	padding: 0.4em;
	}

and add
color: #ffffff;
if you want to make sure they are white.
(Or try .leftBoxContent a and .rightBoxContent a.)

After each change, go back and see what is different in your site.

[peggy]

Start off with the basic link colors:

a:link, #navEZPagesTOC ul li a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	}

a:visited {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #fbce50;
	}

a:active {
	color: #0000FF;
	}

#ffffff is white, #000000 is black, #ff0000 is red, #00ff00 is green and #0000ff is blue.

Search through your stylesheet for
color:
and you will find all places where text color is defined. Many of them you will not want to change, but check out any you are not sure of and see what they control.
Some elements that are now the default white will not be specified in the stylesheet, so you will need to add them. Find things like

.sideBoxContent a {
	background-color: #c69c42;
	padding: 0.4em;
	}

and add
color: #ffffff;
if you want to make sure they are white.
(Or try .leftBoxContent a and .rightBoxContent a.)

After each change, go back and see what is different in your site.

Well I don't understand what you mean. I already know how to change the colours of the text... it is the LINKS I am talking about and that css styling for the links you quoted control the whole page right??? Which is fine for where the links which are white are on a dark background but the MIDDLE content is on a light background and ALL the links links are affected so you cant see the light links on the light background!!
Am I making myself any clearer?

[gjh42]

The top set of declarations controls the basic link colors; the other elements I mentioned are for specific groups of links. Any declaration which has an "a" in the selector refers to a link, or to a sub-element inside a link.

So

.leftBoxContent a {color: #008822;}

makes link text in left box contents dark green, and

.leftBoxContent a:hover {color: #55ff55;}

makes link text in left box contents light green when hovering the mouse over it. Search through the color definitions and find the places where link colors are set, and change them if necessary.