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

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

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

Post 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:


User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

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

Post by Dr.CSS »

#menu_vert img{margin: 15px}
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

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

Post 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!
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

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

Post 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... }
Post Reply

Return to “Layout and Design (CSS & HTML)”