Add a border around images

Community Forums Forums Design Tips and Tricks Add a border around images

This topic is: resolved

Tagged: 

This topic contains 9 replies, has 2 voices, and was last updated by  AC 1 year, 2 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #58684

    nicole2013
    Participant
    Post count: 29

    I have created a table and given it a css class (no-link).
    I would like to create a border around all images in this table and also remove the underline on the links.
    Any help will be much appreciated.

    http://www.rewardcharts4kids.com/parenting-parenting-advice-and-parenting-tips/
    #58693

    AC
    Blocked
    Post count: 7712

    It would be a lot easier to assist you it you have a page/post to share with the table of images placed on it. Can you provide that?

    #58695

    nicole2013
    Participant
    Post count: 29

    I added the link. I am not sure why it isn’t showing.

    http://www.rewardcharts4kids.com/parenting-parenting-advice-and-parenting-tips/

    #58696

    AC
    Blocked
    Post count: 7712

    Are you talking about the thumbnail images on the left? If so I thought the was the secondary. I don’t see a class assigned to those images. You should assign a class to use with those images. Then code like this. Say your class is ImageBorder, you could do it this way:

    .ImageBorder {
    border-width: 1px;
    border-color: Black;
    }

    … or you could add it this way:

    .ImageBorder {
    border: 1px solid black;
    }

    Do you want the underline gone from all LINKS or just a specific set of links?

    #58715

    nicole2013
    Participant
    Post count: 29

    Thanks for your help.

    I want the underline gone from the text next to the images (i.e. the lists to the right of the images)

    #58716

    AC
    Blocked
    Post count: 7712

    Look for this in your style sheet. Change the word underline to none.

    #content a {
    text-decoration: underline;
    }

    #58720

    nicole2013
    Participant
    Post count: 29

    Is there a way to do this only for a list? I would like to keep the underline on the other links in the content?

    #58724

    AC
    Blocked
    Post count: 7712

    Try this:

    .no-link a {
    text-decoration: none !important;
    }

    #58725

    nicole2013
    Participant
    Post count: 29

    It worked! Thanks so much!

    #58733

    AC
    Blocked
    Post count: 7712

    You’re welcome.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Add a border around images’ is closed to new replies.