3 Replies Latest reply on Aug 16, 2007 8:25 AM by ldfinhk

    Hyperlink without the underlineing

    ldfinhk
      Hello,

      I want to make a webpage done is DW-CS3 in which the hyperlink will show as normal text without the usual UNDERLINE.

      All i want is to do is whenever a user click the link, it will open up the webpage.
      Pls. refer the below link - the 3 hyperlinks under NEWS in right hand side up of the page.

      http://www.arch.hku.hk/research/Capacity-building/index.htm

      regards
      Dan.
        • 1. Re: Hyperlink without the underlineing
          Level 7
          ldfinhk wrote:

          > Hello,
          >
          > I want to make a webpage done is DW-CS3 in which the hyperlink will show as
          > normal text without the usual UNDERLINE.
          >
          > All i want is to do is whenever a user click the link, it will open up the
          > webpage.
          > Pls. refer the below link - the 3 hyperlinks under NEWS in right hand side up
          > of the page.
          >
          > http://www.arch.hku.hk/research/Capacity-building/index.htm
          >
          > regards
          > Dan.
          >
          add the css style below to your css style sheet, directly above a:hover
          {color: #CCCC99} which is already in your stylesheet.


          a { text-decoration: none;}

          • 2. Re: Hyperlink without the underlineing
            juli_s
            Hi Dan,

            You need to apply a style your link... some thing like this:

            By using a class like -

            .no_under_line {
            text-decoration: none;
            }

            you can them apply it to any link.
            i.e
            <a href="index.htm" class="no_under_line">home</a>

            I see you already have a class in your stylesheet styles.css which removes the underline:

            .goldsmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCC99; text-decoration: none }

            On the page you mentioned the some of the news items have small graphics which are showing a blue border as they are links if you want to remove this select the image and set border to 0 it will be removed.
            • 3. Re: Hyperlink without the underlineing
              ldfinhk Level 1
              Thanks Juli & OSGOOD., your help is much appreciated.