Ugly border colour around my image

Discussion in 'HTML & Website Design' started by crazyryan, Nov 27, 2006.

0
  1. #1
    I have an image that links to another webpage, in firefox the colour of the border is darkblue which but in IE it just comes out the horrible purple colour, can anyone give me directions on how to fix it in IE.
     
    crazyryan, Nov 27, 2006 IP
  2. wwws

    wwws Notable Member

    Messages:
    3,385
    Likes Received:
    285
    Best Answers:
    0
    Trophy Points:
    225
    #2
    The horrible purple comes from when it was link visited. What do you mean by "another webpage" is it on your site. If you can change it, you can try CSS(style sheet)

    <style type="text/css"> <!-- A:link {color:#0000FF; text-decoration: none} A:visited {color:#000066} A:hover {color:#FF0000} A:active {color:#990000} --> </style>
     
    wwws, Nov 27, 2006 IP
  3. iatbm

    iatbm Prominent Member

    Messages:
    5,151
    Likes Received:
    352
    Best Answers:
    0
    Trophy Points:
    360
    #3
    border="0" will take care of it

    or css

    img {
    border: none;
    }
     
    iatbm, Nov 27, 2006 IP
  4. Burta

    Burta Well-Known Member

    Messages:
    1,199
    Likes Received:
    146
    Best Answers:
    0
    Trophy Points:
    165
    #4
    Is it possible to add a border link colour via CSS. In firefox it comes out as black and has a nice rollover to an orange - which is what I want in IE. Currently in IE it comes up as a standard blue border.

    Here is my current CSS:

    http://www.benclements.com.au/style/style.css
     
    Burta, Dec 13, 2006 IP
  5. nicknick

    nicknick Peon

    Messages:
    429
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #5
    you have to specify your a:hover and a:link states in the CSS for the element you want to have a border on. In this case you want to specify it for all images that are links. Or give each image a custom class. It's your choice really.

    It depends on how you code the site and how much trouble you want to go through. If you want all image links to have the border than do this:

    img a:link {
    your border stuff here
    }

    but that will apply it to any images that are links throughout the site. If you only want it for some images, make a class and give each image that class.
     
    nicknick, Dec 14, 2006 IP