Solved

CSS problem

Posted on 2011-03-25
4
191 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Stressed Out?

Watch some penguins on the livecam!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

707 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