Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

How do I make a link without it being underlined? 1

Status
Not open for further replies.

yellow789

MIS
Mar 9, 2006
8
US
I'm using Adobe GoLive CS2. I'm new to it.

What I'm trying to do is simply make a link without an underline. I am finding it so hard to use the CSS Editor. Once I make the style I can't find it.

Can someone help me?

What's the easiest way to do this?

Mac G5 OS 10.4.3 Adobe GoLive CS2
 
Are you trying to remove the underline from all links? one link? or a group of links?
 
Are you trying to remove the underline from all links? one link? or a group of links?

...well, all links..but I would like the possibility to have options. I have figured out how to change the default, but how do I make a new style and save it?
 
This css rule will remove underlines from all links:
a { text-decoration:none; }

For a group of links, such as a navigation area, enclose them in div with a id:

< div id="nav">
< a href="#">a</a>
< a href="#">b</a>
< a href="#">c</a>
< /div>

Then you specify only the links inside the nav parent:
#nav a { text-decoration:none; }

For a single link or some scattered links use a class on the link:

< a href="#" class"plain">plain< /a>

a.plain { text-decoration:none; }
 
Woah, that's a little over my head, but thank you. I can try that.

 
Hey, Wiser3, I had the same problem so thanks for the advice and I fixed the underlining. Only problem is, now the rollover state doesn't work either. Is there any way of just preventing the underlining without disturbing other decoration?

 
Yes, you just have to make sure you follow the specifity rules. Instead of quoting all the rules, and making you figure them out, just make sure you define your link properties in this order:

a:
a:link
a:visited
a:hover
a:active

Then make sure you don't have other link rules that will overide these. For example external CSS rules will be overidden by internal external CSS rules which will be overidden by inline CSS rules. If you do want to override some CSS rules it's best to use higher specificity settings instead of inline rules.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top