HTML Programming
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > HTML Programming
Reload this Page

Underlined Links

Discuss Underlined Links in the HTML Programming forum on Dev Shed.
Underlined Links HTML Programming forum covering discussions of HTML and XHTML, as well as HTML-related issues such as writing W3C Compliant code. Use HyperText Markup Language for building websites.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old August 2nd, 2000, 12:52 PM
ugman ugman is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2000
Posts: 4 ugman User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
I have been successful in the past with removing the underline from links with the following inserted in the head...

<style type="text/css">
<!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}
-->
</style>

However, I am now using layers more and the links on layers still have the underline. I know I can do the following...

<A HREF="http://www.pageresource.com" style="text-decoration:none">The Web Design Resource</A>

on each link and this fixes it, but why doesn't the global setting work? Any help is appreciated.

Pete
Reply With Quote
  #2  
Old August 2nd, 2000, 02:50 PM
TSRealm TSRealm is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Mar 2000
Location: Randolph, NJ
Posts: 36 TSRealm User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 9
Send a message via ICQ to TSRealm
I think it is because in the CSS for the header, you did not include a "A" description.

like this.

a { font-family: arial ;
font-size: 10pt ;
text-decoration: none ;
font-weight: normal ;
color: #808080 }

but in your case,

a { text-decoration: none }

I hope this fixes it for you.

------------------
================
-Khill, www.tsrealm.com
Reply With Quote
  #3  
Old August 2nd, 2000, 03:38 PM
ugman ugman is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2000
Posts: 4 ugman User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
TSRealm

I tried what you suggested and added...

a { text-decoration: none }

...didn't help. The links still show up. It is something to do with the links being on layers. If I put the links in a table they are not underlined. Thanks for your suggestion, do you have another one?

Pete
Reply With Quote
  #4  
Old August 2nd, 2000, 06:00 PM
yduvoid yduvoid is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jun 2000
Posts: 51 yduvoid User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 9
I don't understand what you're trying to do, I don't understand why the underline won't show in tables but will in layers. It shouldn't work like that. If you have this

<style type="text/css">
<!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}
-->
</style>

in between the head tags, then every link on that page should not be underlined with exceptions of a link inside a layer and the layer has a class or an ID that might override the link. If you truly want all your links to have no underline on the entire site, then I suggest you to make a css file with all the style sheets values and include the following:

<link href="StyleSheetName.css" rel=stylesheet type="text/css">

If you do that, the only way to override a style value is to include a style attribute in the tag.

Another thing you can do, you can do something like the following:

DIV.info A:link {text-decoration: underline}

setup a div layer with a class="info" in the tags, and every link in that layer should be underlined.

you know if you have
a:hover{text-decoration: underline}
the link will be underlined if you move the cursor on it.

------------------

Yanik!
Edmonton, AB

[This message has been edited by yduvoid (edited August 02, 2000).]
Reply With Quote
  #5  
Old August 3rd, 2000, 10:10 AM
ugman ugman is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2000
Posts: 4 ugman User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Yanik,

Thanks for your help, but I still haven't got it working. I am using Macromedia Dreamweaver to do some pages. I am not well versed at style sheets or quite understand them. I tried your second suggestion with the DIV.info A:link {text-decoration: none} but was unsuccessful. If the link is not in a layer, then the style callout in the head works and the links are not underlined. However I am using layers and those links in the layers are still underlined.

Off the subject, do most people use tables more than layers. I find layers cumbersome especially placement moving around when you resize your screen. I have better luck with tables, however with what I am trying to do, I am not sure how to do it with tables.

I am still lookng for an answer on the underline links. I will include more code, maybe this will help.

<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}
-->
</style>
</head>

<body bgcolor="#FFFFFF" link="#000000" vlink="#CC0000">
<div id="Layer1" style="position:absolute; width:813px; height:137px; z-index:4; left: 0px; top: 0px"><img src="../graphics/header.gif" width="800" height="144">
<div id="Layer2" style="position:absolute; width:618px; height:16px; z-index:1; left: 181px; top: 101px">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="-1"><a href="../html/home.htm">Home</a>
| <a href="../html/prod_eng/index.htm">Product Engineering</a> | <a href="../html/eng_svcs/index.htm">Engineering
Services</a> | <a href="../html/man_eng/index.htm">Manufacturing</a> | <a href="../html/info_sys/index.htm">EIS</a>
| <a href="../html/contacts/index.htm">Contacts</a> </font></div>
</div>
<div id="Layer4" style="position:absolute; width:163px; height:41px; z-index:2; left: 13px; top: 100px">
<div align="center"><!-- #BeginEditable "image" -->{image}<!-- #EndEditable --></div>
</div>

<div id="Layer3" style="position:absolute; width:630px; height:800px; z-index:3; left: 183px; top: 163px">
<table width="100%">
<tr>
<td><!-- #BeginEditable "body" -->{body}<!-- #EndEditable --></td>
</tr>
</table>
</div>
</div>
<p>&nbsp;</p>
</body>
</html>
Reply With Quote
  #6  
Old August 3rd, 2000, 12:10 PM
yduvoid yduvoid is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jun 2000
Posts: 51 yduvoid User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 9
I am wondering, are you viewing the page in Dreamweaver or a browser? The reason I asked is that Dreamweaver don't always display the page in the same way a browser would display, especially Cascading Style Sheets.

If you are viewing them in a regular browser, then I am stumped, I have no idea why the underlines are showing. Maybe setup a class like the example below.

.noline {text-decoration: none}
.noline:hover {text-decoration: underline}

and the links should look like:

<a class="noline" href="blah.html">text</a>

Try that, see if it works.

As for your question, I believe that most people use tables because they're supported by all browsers, but version 3 browsers don't support CSS (layers). With Dreamweaver, you can convert your layers to tables, but they create a lot of extra table tags that is not necessary. However, layers are by far the best way to design a page because you have more control in positioning.

------------------

Yanik!
Edmonton, AB
Reply With Quote
  #7  
Old August 3rd, 2000, 12:20 PM
ugman ugman is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2000
Posts: 4 ugman User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
I am viewing the page with a browser. Yes, Dreamweaver sometimes doesn't display it the exact same way as the browsers. Since my last post, I have discovered something interesting. When using IE, the links are not underlined, like they are supposed to be, but with Netscape 4.73, they are underlined. Weird, not sure why. The last suggestion works...

a class="noline"

before the link, but then I have to do that for each link. My original post stated this solution, but to me it's only a work around for what shouldn't be happening.

Another weird thing I am finding with Netscape is when I resize my browser window, one of the layers resizes funny, but if I hit reload, its back to normal. With IE this doesn't happen. I am not an IE person, but these items have me wondering what is going on with Netscape.
Reply With Quote
  #8  
Old August 3rd, 2000, 12:39 PM
yduvoid yduvoid is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jun 2000
Posts: 51 yduvoid User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 9
Netscape just scrapped a lot of functions to follow the W3C standards for the 6 browser, so basically, in the future you will not have to worry about Netscape 4 browsers and concentrate on the W3C standards.

------------------

Yanik!
Edmonton, AB
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > HTML Programming > Underlined Links

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway.