Results 1 to 5 of 5

Thread: Applying CSS border to image

  1. #1
    Join Date
    Jun 2008
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Applying CSS border to image

    i have this css that adds white border to images . The problem is that the background of my website is white and it makes the code useless. Can i add something to the code that would add "drop shadow" the border?

    .img {
    border: 1px solid #ffffff;
    }
    .photo {
    border-width: 8px 8px 20px 8px;
    border-style: solid;
    border-color: #000000;
    }

  2. #2
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    why not just change the color of the border itself?
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  3. #3
    Join Date
    Jun 2008
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Nyne Lyvez View Post
    why not just change the color of the border itself?
    i'll be changing the border color if it's not really possible to have that "drop shadow".

  4. #4
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  5. The Following User Says Thank You to TheJoshMan For This Useful Post:

    Maynard (10-12-2008)

  6. #5
    Join Date
    Oct 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    you can get drop shadow from following code

    .img-shadow {
    float:left;
    background: url(images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(images/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
    }

    .img-shadow img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
    }

    You can mail me to on flash@bizwala.com for exact file or reach out to site bizwala.com for more help

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •