Results 1 to 21 of 21
  1. #1
    Join Date
    Oct 2002
    Location
    London U.K.
    Posts
    72

    Question getting rid of lines!!!

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

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

    Quincy

  2. #2
    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:
    {
    font-familyverdanatahomaarialsans-serif;
    font-size11px;
    color#000000;
    text-decoration underline;
    }

    a:visited {
    font-familyverdanatahomahelveticaarialsans-serif;
    font-size11px;
    color#000000;
    text-decoration underline;
    }

    a:active {
    font-familyverdanatahomahelveticaarialsans-serif;
    font-size11px;
    color#666666;
    text-decoration none;
    }

    a:hover {
    font-familyverdanatahomahelveticaarialsans-serif;
    font-size11px;
    color#000000;
    text-decoration none;


  3. #3
    Join Date
    Oct 2002
    Location
    London U.K.
    Posts
    72
    cool, thanks


    Quincy

  4. #4
    Join Date
    Oct 2002
    Location
    London U.K.
    Posts
    72
    thanks tried it but my browser doesn't seem to translate it

    msie5.0

  5. #5
    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>

  6. #6
    Join Date
    Mar 2002
    Posts
    272
    paste this into the top of your html :

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

  7. #7
    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

  8. #8
    Join Date
    May 2002
    Location
    UK
    Posts
    2,997
    Ah gotta love CSS though

  9. #9
    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. #10
    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.).

  11. #11
    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.

  12. #12
    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.

  13. #13
    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.).
    Not quite accurate.

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

  14. #14
    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

  15. #15
    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


  16. #16
    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?


    Quincy
    Last edited by qnctv.com; 10-31-2002 at 07:44 AM.

  17. #17
    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>

  18. #18
    Join Date
    May 2002
    Location
    UK
    Posts
    2,997
    You should put it the other way around

    A.doh:link { }

  19. #19
    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

  20. #20
    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.

  21. #21
    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?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •