Hi,
Quickly glancing at your code:
1. Validate your CSS... I see this:
img[src="photos/drapeau.gif"]
{ margin-left: 5px;
}Í
There's that weird character in there... Needs to be removed.
Use a CSS validator:
<http://jigsaw.w3.org/css-validator/>
2. Font size and family, everywhere...
I would let the cascade set your font family/size for links, unless
you want to change it on a per-link/style basis.
I typically set font size and font-family on the body tag and then let
my links take on those styles. For example:
[code]
body { font: 13px/1.231 arial, helvetica, clean, sans-serif; } /* YUI
style... */
...
...
a {
color: #c00;
text-decoration: none;
}
a:visited { color: #c00; }
a:visited:hover,
a:focus,
a:focus:hover,
a:hover,
a:active {
color: #f00;
text-decoration: underline;
}
[/code]
If I want to change the font size or family (depending on the
context), I would add those declarations to the "a {...}" rule.
If I want a diff look/feel for my navigation links, for example, I
might do this:
[code]
.nav a {}
.nav a:visited {}
.nav a:visited:hover,
.nav a:focus,
.nav a:focus:hover,
.nav a:hover,
.nav a:active {}
[/code]
... and then make sure my navigation has a class of "nav".
Here's a CSS comment I just pulled out of one of my style sheets:
[code]
/*
**
** Notice: Links must follow this order:
**
** a (a:link)
** a:visited
** a:visited:hover
** a:focus
** a:focus:hover
** a:hover
** a:active
**
** Note: If you are already targeting "a", "a:link" becomes superfluous.
**
*/
[code]
Sometimes I put the above comment in my CSS as a reminder. :)
Here's a Gist with all the code above:
https://gist.github.com/1110544
3. 18px font size...
To answer your question, I think the problem is with this line:
[code]
#content a:link, #contentwrapper a:visited {
font:19px Arial, Helvetica, sans-serif;
weight:lighter;
}
[/code]
Above, you specify a font-size of 13px, and then later you have the
code above. The above code only applies to links within the #content
div... But the first a:link rule applies globally to all links... I
think this is where your problem is.
Hope that helps!
Cheers,
Micky
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
