Problem: border on only two sides of an image

Discussion in 'HTML & Website Design' started by Lil'_Daddy_Roth, Nov 14, 2012.

  1. #1
    Greetings. I need help with a problem. Currently I'm trying to untangle and organize an old website. It uses in-page CSS. At the moment I'm trying to put a colored border around some images. Unfortunately only the left side and top of the image gets a border. I need the border on all four sides. Have tried code specifying each individual side. That doesn't fix the prob. Any help or advice is appreciated.

    Here's my code:

    CSS:
    ___________________________________________
    <style>
    img.special {
    border: 4px green solid;
    }
    </style>

    I also tried this:

    img.special {
    border: 4px green solid;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    }
    </style>




    Body:
    ___________________________________________

    <div id="sample1" style="position: absolute; overflow: hidden; left: 170px; top: 75px; width:264px; height:490px; z-index: 1">
    <img class="special" width="264" height="490" src="image.jpg"></div>

    Thanks in Advance,
    Lil' Daddy Roth
     
    Lil'_Daddy_Roth, Nov 14, 2012 IP