Forum Moderators: open
I am using a .css file for all my styles which makes all the links the same. There are a couple of links that I need to make smaller & also have different color.
I played around in the .css file with the following:
h8 {
color: #0066CC;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
h8:hover {
color: #0099CC;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
I was thinking that that would work but it only works in opera browser (strange). Anyone know how I can add different styles to my text links?
Appreciate the help.
.h8 {
color: #06C;
text-decoration: underline;
font: 10px Arial, Helvetica, sans-serif;
}
.h8:hover {
color: #09C;
text-decoration: none;
} (I took the liberty of simplifying the CSS slightly as well)
<h1></h1><h2></h2><h3></h3><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>
It's just like this example with spans and paragraph elements...
Proper
<p><span></span></p>
Improper
<p><span></p></span>
You can't intermix elements like I did with my improper example of p and span elements. While the validator will only catch you if you do this....
<h4><h3></h4></h3>
It will not make you aware that the structure of your page looks odd. Think about it like this, if you have no header2, why would you need a header 3? So I have yet to see a properly coded page (well that too heh) that gets close to using h5.