Solved

CSS problem

Posted on 2011-03-25
4
186 Views
Last Modified: 2012-05-11
I need to add about 10PX of padding below the images that i have attached. No matter what I do I cannot get these images to shift up - can anyone help?

here is the page
http://tinyurl.com/4ttp4yg

any help is appreciated. thanks
Screen-shot-2011-03-25-at-3.07.5.png
0
Comment
Question by:lvollmer
4 Comments
 
LVL 16

Accepted Solution

by:
JF0 earned 200 total points
ID: 35218329
Simply add clear:both to your #navigation-layer
0
 
LVL 2

Assisted Solution

by:JosefVerner
JosefVerner earned 200 total points
ID: 35218429
Add.: float: right; width: 100%; to the DIV that is containing the images.
0
 
LVL 4

Assisted Solution

by:bastianr
bastianr earned 100 total points
ID: 35218485
I think the issue is with the height of your #branding-layer div. It's set to 150px and the images are 160px tall. You could create space by adding padding to the bottom of that div or increasing the height. This would shift your nav down. If you need to shift the images up without moving the nav, try decreasing the top padding.

#branding-layer {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 150px;    /* try height: 170px  */
    margin: 0 auto;
    padding-top: 30px; /* try padding-top: 10px */
    /* or maybe padding-bottom: 20px /*
    width: 980px;
}
0
 

Author Closing Comment

by:lvollmer
ID: 35218506
combo of answers helped, thanks
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now