Results 1 to 21 of 21
Thread: getting rid of lines!!!
-
10-30-2002, 11:33 AM #1Junior Guru Wannabe
- Join Date
- Oct 2002
- Location
- London U.K.
- Posts
- 72
getting rid of lines!!!
Is there a way to get rid of the line under links e.g.
<A HREF="http://www....">
Quincy
-
10-30-2002, 11:39 AM #2Web Hosting Master
- Join Date
- Dec 2001
- Posts
- 1,815
This is some code from one of my sites. Change the text-decoration from underline to none to remove all the underlines from links.
PHP Code: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;
}
-
10-30-2002, 11:59 AM #3Junior Guru Wannabe
- Join Date
- Oct 2002
- Location
- London U.K.
- Posts
- 72
cool, thanks
Quincy
-
10-30-2002, 12:04 PM #4Junior Guru Wannabe
- Join Date
- Oct 2002
- Location
- London U.K.
- Posts
- 72
thanks tried it but my browser doesn't seem to translate it
msie5.0
-
10-30-2002, 12:59 PM #5Web Hosting Master
- Join Date
- May 2002
- Location
- UK
- Posts
- 2,997
try putting it in your header with the following around it
<style type=text/css">
// Style sheet here
</style>
-
10-30-2002, 02:26 PM #6Web Hosting Guru
- Join Date
- Mar 2002
- Posts
- 272
paste this into the top of your html :
<STYLE>
A {text-decoration:none;
}
</STYLE>
-
10-30-2002, 02:58 PM #7Web Hosting Master
- Join Date
- Dec 2001
- Posts
- 1,815
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
-
10-30-2002, 03:27 PM #8Web Hosting Master
- Join Date
- May 2002
- Location
- UK
- Posts
- 2,997
Ah gotta love CSS though
-
10-30-2002, 08:39 PM #9Junior Guru Wannabe
- Join Date
- Oct 2002
- Location
- London U.K.
- Posts
- 72
is A {}
for all fonts
sorry to be obvious about it but coding requires understanding and presicision!!
Quincy
-
10-30-2002, 09:19 PM #10Web Hosting Guru
- Join Date
- Mar 2002
- Posts
- 272
<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.).
-
10-30-2002, 09:30 PM #11Web Hosting Master
- Join Date
- Oct 2002
- Location
- North America
- Posts
- 1,229
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.
-
10-31-2002, 05:38 AM #12Web Hosting Master
- Join Date
- Aug 2002
- Location
- London, UK
- Posts
- 9,039
Nice link, i was looking for somewhere like that !
Matt Wallis
United Communications Limited
High Performance Shared & Reseller | Managed VPS Cloud | Managed Dedicated
UK www.unitedhosting.co.uk | US www.unitedhosting.com | Since 1998.
-
10-31-2002, 05:54 AM #13Web Hosting Master
- Join Date
- May 2002
- Location
- UK
- Posts
- 2,997
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.).
NS4 and IE3 have terrible support for CSS especially font styles. NS6+ does support the hover function in CSS for hyperlinks.
-
10-31-2002, 06:53 AM #14Junior Guru Wannabe
- Join Date
- Oct 2002
- Location
- London U.K.
- Posts
- 72
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?
Quincy
-
10-31-2002, 07:04 AM #15Junior Guru Wannabe
- Join Date
- Oct 2002
- Location
- London U.K.
- Posts
- 72
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/qu....asp?qtest=CSS
-
10-31-2002, 07:18 AM #16Junior Guru Wannabe
- Join Date
- Oct 2002
- Location
- London U.K.
- Posts
- 72
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?
QuincyLast edited by qnctv.com; 10-31-2002 at 07:44 AM.
-
10-31-2002, 01:04 PM #17Hail Eris !
- Join Date
- Oct 2002
- Location
- Canada
- Posts
- 3,103
this might work
A:link.doh {
font-size: 8pt;
color: navy
font-weight: bolder
}
<A class="doh" HREF="http://www.lloydstsb.com/">banking</A>
-
10-31-2002, 04:58 PM #18Web Hosting Master
- Join Date
- May 2002
- Location
- UK
- Posts
- 2,997
You should put it the other way around
A.doh:link { }
-
11-01-2002, 08:37 AM #19Junior Guru Wannabe
- Join Date
- Oct 2002
- Location
- London U.K.
- Posts
- 72
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
-
11-01-2002, 08:38 AM #20Web Hosting Master
- Join Date
- Aug 2002
- Location
- London, UK
- Posts
- 9,039
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.
Matt Wallis
United Communications Limited
High Performance Shared & Reseller | Managed VPS Cloud | Managed Dedicated
UK www.unitedhosting.co.uk | US www.unitedhosting.com | Since 1998.
-
05-01-2005, 11:52 PM #21New Member
- Join Date
- May 2005
- Posts
- 1
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?