Results 1 to 6 of 6

Thread: Quick HTML question.

  1. #1
    Newbie Administrator Loony BoB's Avatar
    Join Date
    Aug 2000
    Posts
    52,471
    Articles
    53
    Blog Entries
    19

    FFXIV Character

    Loony Bob (Twintania)

    Default Quick HTML question.

    Is there any way to set up HTML so that no underline appears under the links, regardless of what the browser's settings are?
    Bow before the mighty Javoo!

  2. #2
    Hypnotising you crono_logical's Avatar
    Join Date
    May 2001
    Location
    Back in Time
    Posts
    9,313
    Contributions
    • Former Administrator
    • Former Cid's Knight

    Default

    <a href="http://www.eyesonff.com/forums/" style="text-decoration: none; color: white; cursor: default">This paragraph is a link. Click me please There's only a <b>style="text-decoration: none; color: white; cursor: default"</b> stuck inside the A tags to remove the underline, leave it white like normal post text, and prevent the cursor from changing </a>

    There's also a way to do it with STYLE tags in the HEAD, but I can't remember how
    Problems playing downloaded videos? Try CCCP


  3. #3
    Newbie Administrator Loony BoB's Avatar
    Join Date
    Aug 2000
    Posts
    52,471
    Articles
    53
    Blog Entries
    19

    FFXIV Character

    Loony Bob (Twintania)

    Default

    There's also a way to do it with STYLE tags in the HEAD
    If anyone can help me with that, it'd be apprecciated. =)
    Bow before the mighty Javoo!

  4. #4
    Old school, like an old fool. Flying Mullet's Avatar
    Join Date
    Apr 2003
    Location
    Napping in a peach tree.
    Posts
    19,185
    Articles
    6
    Blog Entries
    7
    Contributions
    • Former Administrator
    • Former Cid's Knight
    • Former Senior Site Staff

    Default

    Here's style in the header tags:
    &lsaquo;STYLE TYPE="text/css"&rsaquo;
    &lsaquo;!--
    a:link.BoBLink { text-decoration: none }
    a:active.BoBLink { text-decoration: none }
    a:visited.BoBLink { text-decoration: none }
    --&rsaquo;
    &lsaquo;/STYLE&rsaquo;

    This way you can define different looks for an "untouched" link, a link that's been visited, and when the mouse pointer hovers over a link.

    Then you would define your link as such:
    &lsaquo;a class="BoBLink" href="webaddress"&rsaquo;link text&lsaquo;/a&rsaquo;

    The above definition can also be moved to an external stylesheet if your heart so desires and the contents of file would like like this:

    a:link.BoBLink { text-decoration: none }
    a:active.BoBLink { text-decoration: none }
    a:visited.BoBLink { text-decoration: none }

    And then to include the stylesheet in the html you would put this in your header tags:
    &lsaquo;link rel=stylesheet href="BoBstylesheet.css" type="text/css"&rsaquo;

    Where "BoBstylesheet.css" is where the stylesheet lives(much like you define the source of an image. Then the link would be called the same way.

    Oh, and stylesheets must have the filetype ".css" on the end.
    Figaro Castle

  5. #5
    Newbie Administrator Loony BoB's Avatar
    Join Date
    Aug 2000
    Posts
    52,471
    Articles
    53
    Blog Entries
    19

    FFXIV Character

    Loony Bob (Twintania)

    Default

    Huzzah. It was for all the links, but it looks like if I just remove the .BoBLink stuff then it'll automatically adjust all links on the page to work like that. Thankya muchly, both of you. *learns something new*
    Bow before the mighty Javoo!

  6. #6
    Old school, like an old fool. Flying Mullet's Avatar
    Join Date
    Apr 2003
    Location
    Napping in a peach tree.
    Posts
    19,185
    Articles
    6
    Blog Entries
    7
    Contributions
    • Former Administrator
    • Former Cid's Knight
    • Former Senior Site Staff

    Default

    No problem. Yeah, not giving the links a class will treat all of them the same way, but if you ever want different links to act differently, you can use the class attribute to distinguish between the two(or three or however many).
    Figaro Castle

Posting Permissions

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