link underline and no underline how to?

[jmaxsherkimer]

the site we're working on has some anchor links, you click them they
scroll to the bottom of the page with the answers to the questions
linked on to. is there anyway to make it so that the links are not
underlined when the page loads, when the user moves the mouse over
it's underlined, mouse out no underline. i tried:

<a href="#section1 4" class="drkblue0 8bold"
style="text-decoration:none ">

but that left the underline gone forever, the class there is just for
color, color does not change no need to,

also tried:

<a href="#section1 4" class="drkblue0 8bold"
style="text-decoration:none "
onmouseover="th is.style.textDe coration ='none';"
onmouseout="thi s.style.textDec oration='none'; ">

but this made it so there was no underline all the time, even if mouse
was over the text.

also tried

<a href="#section1 4" class="drkblue0 8bold"
onmouseover="th is.style.textDe coration ='none';"
onmouseout="thi s.style.textDec oration='none'; ">

but with this the line is there when the page loads.

as you can see i'm also not using style sheets to do this, because the
main person who does the styles on the site is out for a while, so we
want to try to avoid messing with this work, is it possible to do this
without style sheets like above, or is style sheets are needed can
someone show how to do it.

[Harrie]

jmaxsherkimer said the following on 10/09/2004 23:53:

is there anyway to make it so that the links are not
underlined when the page loads, when the user moves the mouse over
it's underlined, mouse out no underline.
Yes, but I doubt if it's a good thing to do, since most users expect
links to be underlined (appart for menu's or maybe some other special use).
i tried:

<a href="#section1 4" class="drkblue0 8bold"
style="text-decoration:none ">

but that left the underline gone forever, the class there is just for
color, color does not change no need to,
Works as expected then.
also tried:

<a href="#section1 4" class="drkblue0 8bold"
style="text-decoration:none "
onmouseover="th is.style.textDe coration ='none';"
onmouseout="thi s.style.textDec oration='none'; ">

but this made it so there was no underline all the time, even if mouse
was over the text.
Still expected, since you declared it 3 times as none.
also tried

<a href="#section1 4" class="drkblue0 8bold"
onmouseover="th is.style.textDe coration ='none';"
onmouseout="thi s.style.textDec oration='none'; ">

but with this the line is there when the page loads.
Also expected.
as you can see i'm also not using style sheets to do this, because the
main person who does the styles on the site is out for a while, so we
want to try to avoid messing with this work, is it possible to do this
without style sheets like above, or is style sheets are needed can
someone show how to do it.

Try this in the head:

<style>
<!--
a { text-decoration: none }
a:hover { text-decoration: underline }
//-->
</style>

--
Regards
Harrie

[Neal]

On Sat, 11 Sep 2004 02:31:03 +0200, Harrie
<di************ ******@hotmail. com> wrote:

Try this in the head:

<style>
<!--
a { text-decoration: none }
a:hover { text-decoration: underline }
//-->
</style>

Except leave out the comments - they're useless today. Unless you're
supporting really, really ancient browsers.

[Jukka K. Korpela]

Harrie <di************ ******@hotmail. com> wrote:

a:hover { text-decoration: underline }

This may make _all_ <a> elements (including <a name="...">...</a>
elements) underlined on mouseover, depending on the interpretation of the
:hover pseudoclass in the browser. Using
:link:hover, :visited:hover { text-decoration: underline }
would be safer.

On the other hand, the OP should really first consider whether removing
underline is a good idea in the first place, and decide it is not, and
post CSS questions to c.i.w.a.stylesh eets in future.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

[Harrie]

Neal said the following on 11/09/2004 07:11:

On Sat, 11 Sep 2004 02:31:03 +0200, Harrie
<di************ ******@hotmail. com> wrote:

<style>
<!--
a { text-decoration: none }
a:hover { text-decoration: underline }
//-->
</style>

Except leave out the comments - they're useless today. Unless you're
supporting really, really ancient browsers.

Ah, ok, I wasn't aware of that, thanks for mentioning. The same is true
for <script> I guess (not that I really need it, since I normally use
seperate files)?

--
Regards
Harrie

[Harrie]

Jukka K. Korpela said the following on 11/09/2004 09:07:

Harrie <di************ ******@hotmail. com> wrote:

a:hover { text-decoration: underline }
This may make _all_ <a> elements (including <a name="...">...</a>
elements) underlined on mouseover, depending on the interpretation of the
:hover pseudoclass in the browser. Using
:link:hover, :visited:hover { text-decoration: underline }
would be safer.

Thanks, I forgot about that, just updated my own stylesheet (I used
a:link, a:visited and a:hover so I got it half right). The same is true
for the first rule I posted, so all should be like this I think?:

<style>
:link, :visited { text-decoration: none }
:link:hover, :visited:hover { text-decoration: underline }
</style>
On the other hand, the OP should really first consider whether removing
underline is a good idea in the first place, and decide it is not, and
post CSS questions to c.i.w.a.stylesh eets in future.

Yes, my first answer to the OP was about if it was a good idea at all.

c.i.w.a.stylesh eets or one of the JavaScript groups, depending on the
way the OP wants to go. There was a reference why the OP didn't want to
use stylesheets (allthough I interpreted this as "external stylesheets").

--
Regards
Harrie

[Harrie]

Harrie said the following on 11/09/2004 13:03:

Neal said the following on 11/09/2004 07:11:

Except leave out the comments - they're useless today. Unless you're
supporting really, really ancient browsers.

Ah, ok, I wasn't aware of that, thanks for mentioning. The same is true
for <script> I guess (not that I really need it, since I normally use
seperate files)?

And another question, is this header still needed when one uses inline
stylesheets?:

<meta http-equiv="Content-Style-Type" content="text/css">

--
Regards
Harrie

[Michael Winter]

On Sat, 11 Sep 2004 13:03:45 +0200, Harrie
<di************ ******@hotmail. com> wrote:

Neal said the following on 11/09/2004 07:11:

[snip]

Except leave out the comments - they're useless today. Unless you're
supporting really, really ancient browsers.

Ah, ok, I wasn't aware of that, thanks for mentioning. The same is true
for <script> I guess (not that I really need it, since I normally use
seperate files)?

The comment delimiters shouldn't have been needed during any point in the
last five or so years. Even browsers that aren't scriptable should have
included an understanding of the SCRIPT element when it was formally
introduced in HTML 3.2 in 1997[1].

Also, the type attribute has been required, and the language attribute
deprecated, for a similar length of time, which most people don't seem to
realise[2].

Mike
[1] Granted, SCRIPT, along with STYLE, was just a placeholder, but the
whole point was to prepare browsers to either parse it or ignore it, and
not render it. It should also be noted that the preparation *should* have
occurred at those times, but may not have.
[2] I blame out-of-date online tutorials and old scripting textbooks.
That, and a lack of actually RTFM.

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Michael Winter]

On Sat, 11 Sep 2004 14:01:46 +0200, Harrie
<di************ ******@hotmail. com> wrote:

[snip]

And another question, is this header still needed when one uses inline
stylesheets?:

<meta http-equiv="Content-Style-Type" content="text/css">

Technically, I suppose it should. Just as

<meta http-equiv="Content-Script-Type" content="text/javascript">

should included when you use intrinsic events. However, I don't think any
browsers actually honour either. But, as it doesn't hurt to include
them[1], I use both (either set on the server or in HEAD).

Mike
[1] Unless someone can cite a browser still in use that chokes on such
headers.

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Harrie]

Michael Winter said the following on 11/09/2004 15:39:

On Sat, 11 Sep 2004 13:03:45 +0200, Harrie
<di************ ******@hotmail. com> wrote:

Neal said the following on 11/09/2004 07:11:
[snip]

Except leave out the comments - they're useless today. Unless you're
supporting really, really ancient browsers.

Ah, ok, I wasn't aware of that, thanks for mentioning. The same is
true for <script> I guess (not that I really need it, since I
normally use seperate files)?

The comment delimiters shouldn't have been needed during any point in
the last five or so years.

I read and read and read (books, online tutorials, newsgroups) and still
I'm not up-to-date.
Also, the type attribute has been required, and the language attribute
deprecated, for a similar length of time, which most people don't seem
to realise[2].
[2] I blame out-of-date online tutorials and old scripting textbooks.
That, and a lack of actually RTFM.

<shame mode>Whoops! I always use the style attribute and the few times I
forget it the validator helps me remind it. I totally forgot it when I
posted the answer to the OP. Thanks for correcting me</shame mode>

Also thanks for the answer about the <meta http-equiv ...> question.

--
Regards
Harrie