Is there a way to get rid of the line under links e.g.

<A HREF="http://www....">

Quincy

This is some code from one of my sites. Change the text-decoration from underline to none to remove all the underlines from links.
a {
font-family: verdana, tahoma, arial, sans-serif;
font-size: 11px;
color: #000000;
text-decoration : underline;
}

a:visited {
font-family: verdana, tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #000000;
text-decoration : underline;
}

a:active {
font-family: verdana, tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #666666;
text-decoration : none;
}

a:hover {
font-family: verdana, tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #000000;
text-decoration : none;
}

cool, thanks


Quincy

thanks tried it but my browser doesn't seem to translate it

msie5.0

try putting it in your header with the following around it

<style type=text/css">

// Style sheet here

</style>

paste this into the top of your html :

<STYLE>
A {text-decoration:none;
}
</STYLE>

I think he's all set now, I've been helping him via PM, it seems he had all the style info after he closed the </head> tag :P

Ah :) gotta love CSS though :)

is A {}
for all fonts

sorry to be obvious about it but coding requires understanding and presicision!!

Quincy

<STYLE>
A {text-decoration:none;}
</STYLE>

Works on all links reguardless of font it should be pasted into the head of your html to influence all links on the page.
(MSIE 3, Netscape 4 or newer browsers.)


<a href="http://www.yourdom.com" style="text-decoration: none">Click here</a>

If you want no underline on a single link, add a style property to the <a href> tag:
(MSIE 3, Netscape 4 or newer browsers.)




<STYLE>
A {text-decoration:none;}
A:hover {color:red;}
</STYLE>

If you would like the link to have no underline and to change color when you place the curser over it.
( The hover option only works on MSIE 4+. it does not cause any errors in Netscape if you include it - the effect just does not appear.).

There are three pseudoclasses associated with the A tag:

hover
active
visited

Hover = when a mouse is placed over the object within the <A..../A> tag.

Active = when the mouse is placed over the object within the <A.../A> tag and the mouse is clicked on the object

Visited = a visited link

Not all of these pseudoclasses are recognised by all browsers - earlier versions of Netscape being the most obvious culprit.

Here's a good online resource for CSS:

http://www.w3schools.com

Perhaps not comprehensive about the theory and proper use of all tags and techniques, but a great quickref and browser support chart.

Nice link, i was looking for somewhere like that ! :)

Originally posted by DefiantPc
( The hover option only works on MSIE 4+. it does not cause any errors in Netscape if you include it - the effect just does not appear.).

Not quite accurate.

NS4 and IE3 have terrible support for CSS especially font styles. NS6+ does support the hover function in CSS for hyperlinks.

Thanks for all the help

My code is definately cleaning up

A few questions on punctuation as it is not really covered by tutorials.

X:fly {xxx-xxx:????;}

vs

X:fly {xxx-xxx: ????;}

Do spaces matter?? Where should they go? I know that most browsers ignore white space between lines but what about within a phrase?:eek:

Quincy

Result:
16 of 20

80%

Almost! Study a little more and take the test again!

Time Spent
6:02
not bad for a day on css

take the test yourself I'm sure you'll all get 100%

http://www.w3schools.com/quiztest/quiztest.asp?qtest=CSS

;)

An interesting occurance

when
A:link {COLOR: cyan;}

and

H6 {font-size: 8pt; COLOR: navy;}

then in a line like

<A HREF="http://www.lloydstsb.com/"><B><H6>banking</H6></B></A>

In some browsers it appears as navy in others cyan

I want it to be in navy how can css be used to ensure this?


Quincy

this might work

A:link.doh {
font-size: 8pt;
color: navy
font-weight: bolder
}


<A class="doh" HREF="http://www.lloydstsb.com/">banking</A>

You should put it the other way around

A.doh:link { }

I have been looking at some sites sources It is now starting to get readable.

I have used a mix os css and tables and some old world <body tags>

avoided <font>

basically the objective is universality even some old browser my site looks good

but if you have the latest browser you get extras!!

not so sure what I can get away with but I test with...

ie5
ns4.6
iCab2.8
moz 1.0.1

I now need advice on spacings in tables I used <br>

but it doesn't give me the control that I want is there another tag

qnctv.com are you still using the free account i gave you, we are turning that server off in around 20-30 days and i dont know if i moved you to a new one or not :) let me know via PM. cheers.

Might as well bump here.
I have searched everywhere to find my answer, and vB support forums was no help. As the title of the thread says, I am trying to get rid of all the underlines of usernames, thread titles, etc. By looking everwhere, I know that text decoration needs to be none, but on the style manager is already none.

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 12pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }

so, what's going on? If it is none, then why the underlines keep showing?