I'm trying to get two different styles of links on a page using a stylesheet, i.e. i want a:link{}, a:visited{}, a:hover{} etc to be different for my top border and the rest of the page.
is this possible?
i tried defining the whole lot under a class using .toplink etc but it didnt seem to work.
any ideas?
thanks very much.try
.toplink a {
}
a {
}
<div class="toplink">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">hello</a>
</div>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">hello</a>I've seen it done this way (and so I copied it!):
a.text{font-variant:normal;border:0px none;}
a.text:link, a.text:visited{text-decoration:underline;
color:#660033;background:#ede7c0;}
Johnhi - thanks for your help - but dave's way doesn't seem to work - or at least .toplink just covers the first a{} and not any of the others.
and i don't quite understand bigjohn's idea - i guess the code given is the one for the stylesheet - so what do u put in the html?Post a link to the page you are working on. We are at forums.webdevelopers.com not forums.psychicpowers.com
Originally posted by elbandito999
hi - thanks for your help - but dave's way doesn't seem to work - or at least .toplink just covers the first a{} and not any of the others.
and i don't quite understand bigjohn's idea - i guess the code given is the one for the stylesheet - so what do u put in the html?
< a class="text" href='http://www.webdeveloper.com/forum/archive/index.php/yadda.html'>Yadda</a>
Johna:link { color: #003; text-decoration: none; }
a:visited { color: #003; text-decoration: none; }
a:hover { color: #FFA400; text-decoration: none; }
a:active { color: #003; text-decoration: none; }
.home-highlight-fill a:link,
.home-highlight-fill a:visited,
.home-highlight-fill a:active {
color: #26468E;
text-decoration: underline;
}
.home-highlight-fill a:hover {
color: #677CCB;
text-decoration: underline;
}
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">regular link</a>
<div class="home-highlight-fill"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">groovy link</a></div>ok lol
<!-- m --><a class="postlink" href="http://www.mcjs.co.uk/test1/news&events.htm">http://www.mcjs.co.uk/test1/news&events.htm</a><!-- m -->
i want the links on the buttons at the top (school overview etc) to be white, and underlined when the mouse hovers over them (as school overview but white not green)
However the links on the page itself (the latest newsletter etc) need to be blue, size 12, and underlined all the time.
thanks again 4 your help.yay its working now
thanks very much everyoneYour left nav bar only seems to work in IE.Originally posted by Vladdy
Post a link to the page you are working on. We are at forums.webdevelopers.com not forums.psychicpowers.com
Lol.
Your posts always give me a warm, fuzzy feeling inside.
is this possible?
i tried defining the whole lot under a class using .toplink etc but it didnt seem to work.
any ideas?
thanks very much.try
.toplink a {
}
a {
}
<div class="toplink">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">hello</a>
</div>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">hello</a>I've seen it done this way (and so I copied it!):
a.text{font-variant:normal;border:0px none;}
a.text:link, a.text:visited{text-decoration:underline;
color:#660033;background:#ede7c0;}
Johnhi - thanks for your help - but dave's way doesn't seem to work - or at least .toplink just covers the first a{} and not any of the others.
and i don't quite understand bigjohn's idea - i guess the code given is the one for the stylesheet - so what do u put in the html?Post a link to the page you are working on. We are at forums.webdevelopers.com not forums.psychicpowers.com
Originally posted by elbandito999 hi - thanks for your help - but dave's way doesn't seem to work - or at least .toplink just covers the first a{} and not any of the others.
and i don't quite understand bigjohn's idea - i guess the code given is the one for the stylesheet - so what do u put in the html?
< a class="text" href='http://www.webdeveloper.com/forum/archive/index.php/yadda.html'>Yadda</a>
Johna:link { color: #003; text-decoration: none; }
a:visited { color: #003; text-decoration: none; }
a:hover { color: #FFA400; text-decoration: none; }
a:active { color: #003; text-decoration: none; }
.home-highlight-fill a:link,
.home-highlight-fill a:visited,
.home-highlight-fill a:active {
color: #26468E;
text-decoration: underline;
}
.home-highlight-fill a:hover {
color: #677CCB;
text-decoration: underline;
}
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">regular link</a>
<div class="home-highlight-fill"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">groovy link</a></div>ok lol
<!-- m --><a class="postlink" href="http://www.mcjs.co.uk/test1/news&events.htm">http://www.mcjs.co.uk/test1/news&events.htm</a><!-- m -->
i want the links on the buttons at the top (school overview etc) to be white, and underlined when the mouse hovers over them (as school overview but white not green)
However the links on the page itself (the latest newsletter etc) need to be blue, size 12, and underlined all the time.
thanks again 4 your help.yay its working now
thanks very much everyoneYour left nav bar only seems to work in IE.Originally posted by Vladdy
Post a link to the page you are working on. We are at forums.webdevelopers.com not forums.psychicpowers.com
Lol.
Your posts always give me a warm, fuzzy feeling inside.