#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Posts
    50
    Rep Power
    11

    creating an outline around specific images using css


    Hi there,
    I am building a website that will include a catalogue. I would like the pictures that i put in to get an automatic black outline. So I set it up to do that:

    div.catalogue_pic img{
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;

    However, i also have some images that I don't want outlined so I need to set up some subclass catagories for this i guess.
    I tried this:

    div.catalogue_pic img.set1{
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;

    HTML:

    <div class="catalogue_pic"><img src="images/empresstop_flat.gif" width="200" height="215" class="set1">
    <p><strong>Empress Top</strong></p>
    </div>

    But it didnt' work

    any suggestions?

    I know there must be a fairly simple way to do it, but i'm just not quite getting it.

    Thanks!!!
  2. #2
  3. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1955
    CSS

    .outline {border: 1px solid black;}

    HTML

    <img class="outline" src="...

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Posts
    50
    Rep Power
    11
    Thanks so much, that did the trick!!!!!

IMN logo majestic logo threadwatch logo seochat tools logo