removing blue border around hyperlinked pictures (4 posts)

  1. crazlunatic
    Posted 9 years ago #


    Please scroll all the way to the bottom until you see the digg this button.

    You will then understand what I want to do. I want to remove the blue border around it but still have the image hyperlinked.

    How can I do this? Thanks.

  2. jkeyes
    Posted 9 years ago #

    Add the following to your stylesheet:

    .post a img { border: none; }

    This will removed the border for all images that are hyperlinks that are contained within a post.

    If you just want it for this specific case then you could add the following attribute to the image tag:

    <img style="border: none;" .../>

    A neater way to achieve this would be to add a .digg class to your CSS:

    img.digg { border: none; }

    and add a class attribute to your image tag:

    <img class="digg" .../>

  3. Pizdin Dim
    Posted 9 years ago #

    Put this into the stylesheet for your chosen theme:

    p a img { border: none; }

    This removes the border for all images, within links, contained in paragraphs. Once you've done that, read this excellent tutorial for beginners.

  4. vkaryl
    Posted 9 years ago #

    Well, really, unless you want some of your link images to have borders, the simplest way is to put this just under the body element in the stylesheet:

    img, img a {
    border: none

    Wipes it for everything below, unless you specify it in a given element.

Topic Closed

This topic has been closed to new replies.

About this Topic