1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How to remove the link line around the image

Discussion in 'CSS' started by Cheap SEO Services, Aug 1, 2006.

0
  1. #1
    Is there a way to remove the link line for a hyperlinked image?:)
     
    Cheap SEO Services, Aug 1, 2006 IP
  2. czar

    czar Guest

    Messages:
    1,253
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    0
    #2
    add this "border=0"

    example:

    <img src="xxx.gif" border=0>
     
    czar, Aug 1, 2006 IP
    SubmitShop likes this.
  3. A.N.Onym

    A.N.Onym Peon

    Messages:
    75
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You'd rather add

    img {border:0;}

    to your CSS file and be done with it. It is faster and more efficient than adding border="0" to every image. If you do want to have a border for an image, simply specify it like you'd normally do (or better yet, with CSS).

    If you have the image inside a link (the a tag), you may want to remove the text-decoration as well.
     
    A.N.Onym, Aug 1, 2006 IP
    kk5st likes this.
  4. Cheap SEO Services

    Cheap SEO Services <------DoFollow Backlinks

    Messages:
    16,664
    Likes Received:
    1,318
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks mate. I will update it when my host is back online. It's been 9 hours now since it went down.:mad:
     
    Cheap SEO Services, Aug 1, 2006 IP
  5. abcdefGARY

    abcdefGARY Well-Known Member

    Messages:
    665
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    110
    #5
    does this remove the invisible dotted line around the image when you click on it?
     
    abcdefGARY, Aug 2, 2006 IP
  6. Gordaen

    Gordaen Peon

    Messages:
    277
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #6
    The "invisible" dotted line is to represent the block the element occupies and is something that a browser adds.

    To avoid the borders I use "border-style: none;"
     
    Gordaen, Aug 2, 2006 IP
  7. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #7
    The border (outline, actually) that appears on clicking, and remains afterward is there to show focus. The default Firefox setting is 
    
:focus {
    outline: 1px dotted invert;
    }
    Code (markup):
    You are free to modify this behavior, but it is not recommended to mess with expected behavior.

    Read about this in the user interface section of the css specifications.

    cheers,

    gary
     
    kk5st, Aug 2, 2006 IP