3 Replies Latest reply on May 10, 2010 4:13 PM by John Waller

    Link Colours

    Shaneob78 Level 1

      I have a website I am creating where I would like images and text to link to other pages.

       

      But when I put the site up, the images have a (for example) white box around it - which I dont want - but I do want the text that I am linking to be white.

       

      But if I make the link colours red, the same as the background, so that you cannot see a box around the image - the text cannot be seen as it is the same colour as the background.

       

      Does anyone know a way around this?

       

      Thanks in advance,

       

      S

        • 1. Re: Link Colours
          John Waller Adobe Community Professional & MVP

          Can we see your code?

           

          Are you using CSS for your link colors?

           

          Normally you eliminate the link color on images with

           

          a img { border: none; }

           

          Then define your link colors with pseudo-classes:

           

          a:link {

               *** properties here ***

          }

          a:visited { }

          a:hover { }

          a:active { }

          • 2. Re: Link Colours
            Shaneob78 Level 1

            Yes, sorry site is live at www.milanjuniorcamp.co.uk

             

            I have tried to create my own CSS for them but cant seem to work out how to set link colours.

            So its just the CSS found in Modify > Page Properties > Links (CSS).

             

            So if I enter a zero in the border field of the properties panel when an image is selected, this should eliminate the link colour border around the image?

             

            Sorry - what are pseudo-classes?

             

            Thanks,

             

            S

            • 3. Re: Link Colours
              John Waller Adobe Community Professional & MVP

              I confess that I rarely use the DW interface for writing CSS. I find it much quicker and easier to write it by hand.

               

              Link styles tutorial here

              http://projectseven.com/tutorials/css/pseudoclasses/index.htm

               

              In short, you typically define your links (anywhere in your stylesheet) as:

               

              a:link {

                   color: #fff;

                   text-decoration: underline;

              }

              a:visited {

                   color: #fff;

                   text-decoration: underline;

              }

              a:hover {

                   color: #fff;

                   text-decoration: none;

              }

              a:active {

                   color: #fff;

                   text-decoration: underline;

              }