PDA

View Full Version : style sheet link color adjustment



lsargent
Sep 26th, 2009, 07:09 AM
I'm a bit new to css and am working off of a dynamic xhtml template.

I have the following body style that's pre-set:



/* body */
.body { width:984px; clear:both;}
.left { width:321px; float:left; margin:0 10px 0 0; padding:10px 0;}
.big_center { width:652px; float:left; margin:0 10px 0 0; padding:10px 0;}
.right { width:321px; float:left; padding:10px 0;}

.body h2 { color:#2a2a2a; font:normal 18px Arial, Helvetica, sans-serif; padding:15px 10px; margin:0;}
.body h3 { color:#2a2a2a; font:normal 18px Arial, Helvetica, sans-serif; padding:15px 10px; margin:0 0 10px 0; border-bottom:1px solid #d2d2d2; clear:both;}
.body p { color:#5f5f5f; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 10px; margin:0;}
.body p.spec { color:#a4a4a4; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a { color:#0092dd; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em; text-decoration:none;}
.body a:hover { text-decoration:underline;}
.body img.img { float:left; padding:10px;}


The color code for ".body a" is causing a matching color border around hyperlinked images I've placed in both the "big_center" and "right" div classes.

I've tried adding: ".big_center a { color:#efefef;}" to have the border color around these images match the background, but the ".body a" link color is still overriding. Not sure what to do here.

Here's a screen shot of what i'm seeing on my end:
http://i783.photobucket.com/albums/yy117/lsargent_photos/cssissue.gif

Suggestions?

lsargent
Sep 26th, 2009, 08:35 AM
resolved