removing line from links

admin

Administrator
Staff member
ughhhhh!! :confused: <br />
The blonde is going crazy!! <br />
I can't remember the code to remove the underline from a link.<br />
<br />
Can any of yoooous? Please and thank yooous!!<br />
<br />
(hey!! I'm a poet and I didn't know it!!):D <br />
<br />
JO<!--content-->Place this in the head of the document. (this will remove all link underlines)<br />
<br />
<head><br />
<br />
<style type="text/css"><br />
<!--<br />
<br />
a {text-decoration:none}<br />
<br />
--><br />
</style><br />
<br />
</head><br />
<br />
<br />
<br />
<br />
This is an inline method. (will affect only the said link)<br />
<br />
<body><br />
<br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"my_url" style="text-decoration: none">my link</a><br />
<br />
</body><!--content-->ahhhh HAAA!!! - Right....<br />
Text decoration!!! (wack to the head!!)<br />
<br />
I knew I knew it. <br />
<br />
Thanks Cyco<br />
<br />
:p<!--content-->jo (blonde to the bone) -<br />
<br />
for those times when you want to have a little more control over the <br />
appearance of your links (instead of default decoration or no decoration):<br />
<br />
a:link {<br />
color:#0000ff; text-decoration: none;<br />
}<br />
a:visited {<br />
color:#cc0000; text-decoration: none;<br />
}<br />
a:hover {<br />
color:#663366; text-decoration: underline;<br />
}<br />
a:active {<br />
color:#009900; text-decoration: underline;<br />
}<br />
<br />
mix and match. whatever. you can do a lot of other formatting as well <br />
(bold, size, etc) but I am only showing link color and underline on or off here.<br />
<br />
... just in case you might need it.<br />
k<br />
<br />
(edited to indicate the proper order)<!--content-->Except that the order should be link, visited, hover, active.Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color ... will apply when the user both activates and hovers over the A element. See <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/selector.html#link-pseudo-classes">http://www.w3.org/TR/REC-CSS2/selector. ... do-classes</a><!-- m -->. catch charles.<br />
<br />
i probably had it in the right order way-back-when (sometime after diapers) and i've been cutting and copying and pasting from my self-created style template ever since.<br />
<br />
however, i didn't know that there was supposed to be an exact order, so i guess i better go clean up my mess.<br />
<br />
i appreciate the link. good info (as always).<br />
<br />
sometimes out of order (lol)<br />
k<!--content-->Hey thanks guys, you are all so brillant!!!<br />
<br />
Khaki, is that really your eye? <br />
<br />
:p <br />
<br />
Charles, I never fail to be amazed at how much proper protocol, order and what not there is to all this coding. I am the ultimate novice.<br />
<br />
I'm almost finished my home page... just can't wait to get it up so I can ask you guys to disect it from stem to stern!!!<br />
<br />
Eeeekkkkkk.... no doubt I'll give you all night mares!!!<br />
<br />
JO<!--content-->i fixed the order in my previous post - just in case anybody comes by, spots it, and nabs it before reading charle's response. <br />
i don't want to be responsible for anyone having to do what i am now doing - flipping through pages looking for "the mixup".<br />
<br />
looking forward to jo's home page (hey jo, can i get a sneak peek?).<br />
<br />
... and yes. that's my eye (but i'll probably put something different up for valentine's day).<br />
<br />
currently accepting valentines...<br />
k<!--content-->Originally posted by khaki <br />
i probably had it in the right order way-back-when (sometime after diapers) and i've been cutting and copying and pasting from my self-created style template ever since.<br />
<br />
<br />
Don't beat your self up on thatone. Incorrect orders on links is one of the most widespread errors in wannabe CSS guides, the most prominent of which is W3Cschools... <br />
<br />
Just goes to show, never trust information not directly from the Spec, because all humans makes mistakes, but at least the specs have been read & reread and turned upside down and reda again by the most knowledgeble persons in the area and thus is likely to not have many errors (remember to check the spec erratas though :D)<!--content-->
 
Back
Top