View Full Version : Links Shouldn't Underline...


CélineFan
06-21-2003, 12:37 AM
Okay, I'm really frusterated. I don't want my links to be underlined, so I'm using CSS. They STILL show up underlined, though.

Here's part of the CSS code I'm using. Everything else, like the scrollbar and colors, work perfectly fine.
...

<style type="text/css">
<!--

A:link
{ text-decoration: none [underline, overline, underline overline, line-through, blink, none]; color:#B7770D }
A:visited
{ text-decoration: none [underline, overline, underline overline, line-through, blink, none]; color:#B7770D }
A:active
{ text-decoration: none [underline, overline, underline overline, line-through, blink, none]; color:#B7770D }
A:hover
{ text-decoration: none [underline, overline, underline overline, line-through, blink, none]; color:#ADC3E3;

...
Anyone know what I'm doing wrong? =/

SizzZzlinhair
06-21-2003, 12:50 AM
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--> </style>

CélineFan
06-21-2003, 12:52 AM
I did. =/ That's only part of the code; here's the full thing:

<style type="text/css">
<!--

A:link
{ text-decoration: none [underline, overline, underline overline, line-through, blink, none]; color:#B7770D }
A:visited
{ text-decoration: none [underline, overline, underline overline, line-through, blink, none]; color:#B7770D }
A:active
{ text-decoration: none [underline, overline, underline overline, line-through, blink, none]; color:#B7770D }
A:hover
{ text-decoration: none [underline, overline, underline overline, line-through, blink, none]; color:#ADC3E3;


cursor:crosshair [default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize }

body
{ background-color: #FFFFFF;
background-image:url(mainbackground.jpg); [url of background image to be used, i.e. background.gif]
background-repeat:no-repeat; [repeat, no-repeat, repeat-x, repeat-y]
background-position:valueI valueII; [valueI: top, center, bottom, percentage, pixel number]
[valueII: right, center, left, percentage, pixel number]
background-attachment: fixed [scroll, fixed]

font-family: verdana,tahoma,arial;
color: #BE0042 ;

scrollbar-face-color : #ADC3E3;
scrollbar-highlight-color : #B7770D;
scrollbar-3dlight-color : #BE0042; scrollbar-shadow-color : #ADC3E3;
scrollbar-darkshadow-color : #000000; scrollbar-track-color : #B7770D;
scrollbar-arrow-color : #BE0042 }

input, textarea
{ background: #000000 url(yourimage.gif);
font-family: tahoma,arial,verdana;
color: #000000;
border-style: value [dotted, dashed, solid, double, groove, ridge, inset, outset];
border-color: #000000;
border-width: valuepx [numerical value, 5, 6, 8...] }

-->
</style>

SizzZzlinhair
06-21-2003, 12:57 AM
See the above post, I just edited it. Try that code to get rid of the underline.. I got it from our very own LEIA. Please use the site next time! :)

CélineFan
06-21-2003, 01:04 AM
Thanks! I'll try that. I did use the site, but I guess I messed up the code a little when I altered it.

SizzZzlinhair
06-21-2003, 01:59 AM
No problem.