How do I remove underlines from links?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • moon44
    Members

    • May 2005
    • 1

    How do I remove underlines from links?

    When I create a link to a web page, the link becomes underlined. I don't want it to be underlined. How do I remove underlines?
  • Pablo
    Moderator

    • May 2005
    • 507

    #2
    You will need to tweak the HTML a little to be able to do this:

    1. Select the text box and click Edit->HTML (Ctrl + H)
    2. Select the After Tag tab and enter this code:

    Code:
    <STYLE> 
    <!-- 
    a:link 
    { 
    color: #0000FF; 
    text-decoration:none; 
    } 
    a:active 
    { 
    color: #0000FF; 
    text-decoration:none; 
    } 
    a:visited 
    { 
    color: #0000FF; 
    text-decoration:none; 
    } 
    a:hover 
    { 
    color: #00FF00; 
    text-decoration:none; 
    } 
    -->
    3. Now if you publish of preview the page the underline is gone!

    You can change the color values to anything you like.

    Pablo
    Last edited by Pablo; 07-02-2005, 08:36 AM.
    Forum Moderator
    BlueVoda Spe******t

    Comment

    • vinny1957
      Members

      • May 2005
      • 134

      #3
      underlines

      Thought you might be interested in what SitePro had to say about websites and underlining. "There are a few generic details to look out for to ensure that the design is on the right track, including:

      1. Name of Site: The name of the site (and logo) should be clearly visible and legible within the header of the site. This instills brand awareness and if a catchy name and logo are chosen, you will mostly likely find that your return visitor rate increases.

      2. Instinctive navigation: Is it always clear exactly where you are within a site when you are on any given page within the site?

      3. Underlining of Links: Ensure that all links are underlined. This way the outgoing page path and related information is immediately determined and visible to the visitor on page load.

      4. Actions: It almost seems redundant to say, but ensure the actions you would like your visitors to take are always clear. During a page heat map research project, it was proven that the most attention lies on the right hand side of the page. The top right corner being the most effective area for actions to take place"
      www.assetravel.com

      Comment

      • Aegis
        Private First Class

        • Jul 2005
        • 7

        #4
        Re:

        Pablo, I tried that and it didn't work. Are you sure the code is right? It's probably just me though...

        Comment

        • VodaHost
          General & Forum Administrator

          • Mar 2005
          • 12356

          #5
          Pablo is never wrong when it comes to code. He eats, drinks and sleeps code. Code
          is to Pablo, what paint is to picasso.

          VodaHost

          Your Website People!
          1-302-283-3777 North America / International
          02036089024 / United Kingdom
          291916438 / Australia

          ------------------------

          Top 3 Best Sellers

          Web Hosting - Unlimited disk space & bandwidth.

          Reseller Hosting - Start your own web hosting business.

          Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)


          Comment

          • Aegis
            Private First Class

            • Jul 2005
            • 7

            #6
            Re:

            Heh, thanks for that piece of info! I'll remember that for sure ^^

            Comment

            • scousepete79
              Sergeant First Class

              • Jun 2005
              • 50

              #7
              While I dont want to challenge Pablo's code knowledge, is there any reason why when I enter the below code into one of my text links, all my other text disappears when I publish the page?
              http://www.pete-sloan.co.uk
              http://www.ragingmonkies.co.uk
              http://www.premiership-prediction.co.uk
              http://www.annacrook.co.uk
              http://www.kelsallfc.co.uk


              pete@pete-sloan.co.uk

              Comment

              • Pablo
                Moderator

                • May 2005
                • 507

                #8
                In the new version of BlueVoda 7.x there is not need to enter this code anymore, you simply can use the hyperlink style sheet to remove the underlining. Search on this forum for more details about this.

                Pablo
                Forum Moderator
                BlueVoda Spe******t

                Comment

                • scousepete79
                  Sergeant First Class

                  • Jun 2005
                  • 50

                  #9
                  Cheers Pablo - just tried it and it works a treat - all text remains visable and underlines have been removed. Thanks for your help.
                  http://www.pete-sloan.co.uk
                  http://www.ragingmonkies.co.uk
                  http://www.premiership-prediction.co.uk
                  http://www.annacrook.co.uk
                  http://www.kelsallfc.co.uk


                  pete@pete-sloan.co.uk

                  Comment

                  Working...
                  X