homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

only underlines link when rollover

 10:19 am on Feb 19, 2003 (gmt 0)

How do you hyperlink text so that it will only underline the link (and change its color) when you rollover it? Again, this is text, not a jpeg or gif image.

I am using Dreamweaver MX.




 10:35 am on Feb 19, 2003 (gmt 0)

you need to use a style sheet

something like

<style type="text/css">
a:link {
text-decoration: none;

a:hover {
color: #FF0000;
text-decoration: underline;



 10:40 am on Feb 19, 2003 (gmt 0)

In Dreamweaver go to the CSS window, click on the create a new style option and choose Use CSS Selector. That gives you the option of:


You can now style your links in whatever way you want. There is a choice for underline within Type.

The hover is the one for the mouse over. You should use the ordering as above in your CSS, as this ensures the correct colour cascade.



 11:15 am on Feb 19, 2003 (gmt 0)

Thanx a lot, guys.

BlobFisk, could you explain a little more? I got to the "New CSS Style" window that you suggested, but when I selected the first option, a: link, and clicked OK, it wanted me to save it as a new style sheet. I did't even get to tell it what to do for that option (if that is how it works). Would you mind walking me thru an example?


 11:38 am on Feb 19, 2003 (gmt 0)

No bother:

You have a choice when you are specifying the first style in a DW document - do you want the CSS information to go on the <head> of the page, or do you want to link to an external CSS. That choice is yours, but I prefer external CSS.

When you get the New Style Window you have a choice to Define In a New Style Sheet File or This Document Only. Go ahead and choose New Style Sheet File.

You will then be asked to give it a name and save it. Once you do this, DW will present you with the Style pane and you can apply whatever styles you want.

Once you are finished, click OK! The next time you go to insert a style, it should automatically to pointing at this new external css file of yours.



 1:05 pm on Feb 19, 2003 (gmt 0)

Great. Thanx. Do you happen to know how to take away the underlining from the link at the a: link stage?

I did not select "underline", but it still underlined the link like a normal hyperlink.

I have to turn in, but if you get a chance to answer this, I will read your answer tomorrow.

Thanx in advance!


 1:17 pm on Feb 19, 2003 (gmt 0)

Select none for all all link options except hover.

Global Options:
 top home search open messages active posts  

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved