[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 195
  • Last Modified:

CSS problem

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
lvollmer
Asked:
lvollmer
3 Solutions
 
JF0Commented:
Simply add clear:both to your #navigation-layer
0
 
JosefVernerCommented:
Add.: float: right; width: 100%; to the DIV that is containing the images.
0
 
bastianrCommented:
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
 
lvollmerAuthor Commented:
combo of answers helped, thanks
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now