gumspitter

First, how do I get the text in the buttons to change colors (give sample code please) using css.

Also the text of the main content area is too close to the margin. Please give me some details how to fix.

www.absherkennels.com/construction_test.html

Thanks,
gumspitter

anna

For the buttons to change color you need to utilize the pseudo class selectors, for instance:

ul#navlist li a
{
color: #ffffff;
background-color: #003366;
padding: 3px;
border: 1px #ffffff outset;
}

ul#navlist li a:hover
{
color: #ffff00;
background-color: #003366;
}

ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}



Second
For the text to move over, use padding:
#container {
padding: 5px;
}

Obviously adjust as necessary. I hope this helps, I am still quite new at CSS!!

PixelPusher

DJM,

Anna is 99% correct (good job ).
Only minor thing I would correct is you don't need to add the background-color to the hover and active states if it is going to be the same as the original (static) style.

Rule of thumb, after creating a style for element, only add the items you want to change in the hover, active, visited, focus states.

Padding - adds spacing to the internal area of an element.
Margin - adds spacing to the external area of an element.

Anchor Style

__________________
John Darling
Graphic / Web Designer
SmarterTools Inc.
(877) 357-6278
www.smartertools.com

gumspitter

I want to use the current button list but only want the text to rollover. Please help.

anna

Yea!! I got it almost right!!!

I think for just a rollover change, you would add the hover selector and leave the active off. Is that correct Pixel?

gumspitter

Thanks, I got it!! eureka!!!