how to remove blue color over aclive linked images

Discussion in 'HTML & Website Design' started by RECEP, Mar 17, 2010.

  1. #1
    Hello, l am making a small image gallery with popup views in an html page, l cant run asp or php.
    l am making tables with images inside and images linked to popup shows....
    But l cant remove those blue colors over active linked images....
    l used a:link or a:active css codes in my site stylesheet but it didnt work. I dont know why.
    what should l do?
     
    RECEP, Mar 17, 2010 IP
  2. proxywhereabouts

    proxywhereabouts Notable Member

    Messages:
    4,027
    Likes Received:
    110
    Best Answers:
    0
    Trophy Points:
    200
    #2
    maybe adding in css text-decoration:none?
     
    proxywhereabouts, Mar 17, 2010 IP
  3. amber1003

    amber1003 Guest

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    <img src="images/xxx.gif" border="0"> ?maybe u can add border="0"
     
    amber1003, Mar 17, 2010 IP
  4. spy100

    spy100 Well-Known Member

    Messages:
    689
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    108
    #4
    the "text-decoration:none" and the border="0" works i had the same problem on one of my sites
     
    spy100, Mar 18, 2010 IP
  5. tSRDazz

    tSRDazz Peon

    Messages:
    44
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Border="0" is always the way to go - you can set that up through CSS if you don't want the border on any images.

    img {
    border: 0 none;
    }
     
    tSRDazz, Mar 18, 2010 IP
  6. xaban

    xaban Member

    Messages:
    62
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    33
    #6
    Or rather:

    img a
    {
    border: 0;
    }

    (Because the blue border is added only when the image is linked)

    Cheers,
     
    xaban, Mar 19, 2010 IP
  7. digital29

    digital29 Peon

    Messages:
    462
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I suggest you put a border of 3 or 4 px, light grey. It adds some professional style to the image
     
    digital29, Mar 19, 2010 IP
  8. asad1912

    asad1912 Greenhorn

    Messages:
    86
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #8
    no...it is going to be like this
    <style>
    a:hover{text-decoration:none;}
    </style>

    the a represents the anchor tag
    and
    hover represents the behavior of link when a mouse is put over them


    hope it helps
     
    asad1912, Mar 20, 2010 IP
  9. m7md_cis

    m7md_cis Peon

    Messages:
    91
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Try:

    <img src="" border="0" />
     
    m7md_cis, Mar 21, 2010 IP
  10. Daniel Minett

    Daniel Minett Guest

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    
    a {font-family:Georgia,serif;}
    a:link {color:[I]same as font colour[/I];}
    a:visited {color: [I]same as font colour[/I];}
    a:hover {text-decoration: none; color: [I]same as font colour[/I];}
    a:active {color: [I]same as font colour[/I];text-decoration: none}
    
    Code (markup):
    Change font to one of your choice, then just add the class to the image in your HTML source code.
     
    Daniel Minett, Mar 21, 2010 IP
  11. RECEP

    RECEP Well-Known Member

    Messages:
    1,855
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    195
    #11
    thanks every1 for the replies..
     
    RECEP, Mar 25, 2010 IP
  12. ramenraider

    ramenraider Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Hey man this should work:
    <img src="" border="0" />
    lol
     
    ramenraider, Mar 26, 2010 IP