• 0
Sign in to follow this  
Followers 0

Border around pictures om blogposts

Question

Posted · Report post

Hi, i just start a new web project an i want to use borders around my pictures on my blogposts and on icons-pictures in boxes. Borders around icons in boxes in this site: http://www.cadorit.com/ i have made before i upload. How to get borders like this: http://www.pagelines.com/blog/ without doing borders before i upload? I hope someone can help me... Best regards L G Blom

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi LG Blom, You can simply use CSS for all images. The code below is taken from the PageLines.com/blog you linked, simply apply the CSS to your images. [code]img selector goes here { background: whiteSmoke; border: 1px solid white; padding: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, .5); } [/code] I recommend you use Firebug or Chrome/Safari developer tool to inspect your code and find the appropriate selector. I have provided you with an example below, this code should work on all your box images. [code].fboxgraphic img { background: whiteSmoke; border: 1px solid white; padding: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, .5); margin: 5px; }[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Danny and thanks for your answer. I will try this. And thanks for tips with Safari developer tool.:) L G

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

If you consider this topic resolved, please "accept" an answer. Otherwise let us know how we can assist you further. Thanks!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0