Page 1 of 1

Add space around a picture I added to my template under my menu?

Posted: Thu Aug 02, 2007 1:18 am
by duplay
Greetings-

I added a image (which is a link) to my template that shows up under the menu. However, the image is "pushed to the far left" when inserted. How can I add space or margins to the top of the image (so it isnt right up against the menu), and to the left of the image (so it is pushed in a little to the right? Thanks

site: www.sparcc.org
image under menu
tag used to insert the image:



Re: Add space around a picture I added to my template under my menu?

Posted: Thu Aug 02, 2007 2:03 am
by Dr.CSS
#menu_vert img{margin: 15px}

Re: Add space around a picture I added to my template under my menu?

Posted: Thu Aug 02, 2007 2:08 am
by duplay
Thanks Mark,

I am not real sure what you were saying in your answer, but I just fixed the issue using Photoshop by increasing the canvas size and matching the background. Thanks as always!

Re: Add space around a picture I added to my template under my menu?

Posted: Thu Aug 02, 2007 2:19 am
by Dr.CSS
Add that line in your CSS to add a margin around the image to push it where you wanted it...

#this means id, as in div id="menu_vert"this is the div id, if it was a class it would have a period in front of it imgthis is what you were targeting in the div, image in this case{margin: 15pxa margin pushes the object away from its surrounding elements... }