Jump to content


Photo

CSS and borders on images


  • Please log in to reply
2 replies to this topic

#1 playaz

playaz
  • Members
  • PipPipPip
  • Advanced Member
  • 55 posts

Posted 25 April 2006 - 12:28 PM

Hi,
Can anyone show me how I use CSS to style an image with two borders - basically I want
the inner border to be white and the outer border to be grey. Or alternatively have a single border which is grey which is 'pushed outwards' using the padding element to make it appear to have a white inner border.

If this doesnt make any sense let me know and i'll upload an image of what I am trying to acheive.

Thanks in advance

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 25 April 2006 - 02:23 PM

Just wrap the image in a containing div and style the image with one border and the div with another.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 playaz

playaz
  • Members
  • PipPipPip
  • Advanced Member
  • 55 posts

Posted 25 April 2006 - 03:26 PM

[!--quoteo(post=368454:date=Apr 25 2006, 03:23 PM:name=moberemk)--][div class=\'quotetop\']QUOTE(moberemk @ Apr 25 2006, 03:23 PM) View Post[/div][div class=\'quotemain\'][!--quotec--]
Just wrap the image in a containing div and style the image with one border and the div with another.
[/quote]
Cheers dude!!

Can't believe how simple that was yet I couldnt figure it out, thanks again :)




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users