Solved

How do I fix this menu and move the content area up?

Posted on 2012-03-30
4
196 Views
Last Modified: 2012-08-14
I have a site here:

http://american.plumthree.com/

and I need two things fixed.

1. For some reason the menu items on the black bar are on two lines. How do I make it one line?

2. I need to move the content in the white area moved up closer to the black menu bar.

Any help is greatly appreciated.
0
Comment
Question by:Donnie Walker
  • 2
4 Comments
 
LVL 21

Expert Comment

by:Kim Walker
Comment Utility
In style.css, on line 675, there's a style that sets a padding-right of 205px on descendant divs of #access.
0
 
LVL 21

Expert Comment

by:Kim Walker
Comment Utility
div#main has a top padding of 1.625em (line 683)
article#post-5 has an additional top padding of 3.5em (line 1090)
div.entry-content has an additional top padding of 1.625em (line 754)
0
 
LVL 5

Accepted Solution

by:
Robin Hall earned 500 total points
Comment Utility
Rentawebguy,

Have you used Firebug for Firefox to take a look at and interact with your site?  I use that all the time when I'm trying to break down why a page isn't styling the way I want it to.  After poking around, I was able to get the site to look like you were describing after making some changes.  Most of the changes I made were related to padding.  I have included a text file that has the CSS styles that I altered and embeded an image to show you how I was able to get your site to look.

If you haven't used Firebug, I would download it.  (You could also use the Developer Tools for IE)  

-Robin
csschanges.txt
site.png
0
 

Author Closing Comment

by:Donnie Walker
Comment Utility
that was perfect!
0

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
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…

771 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

14 Experts available now in Live!

Get 1:1 Help Now