Solved

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

Posted on 2012-03-30
4
200 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
[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
  • 2
4 Comments
 
LVL 22

Expert Comment

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

Expert Comment

by:Kim Walker
ID: 37788924
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
ID: 37788948
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
ID: 37789009
that was perfect!
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Angular JS Sticky Footer Problem (when page size doesn't meet minimum) 4 46
Fix Form size HTML 16 30
Top Aligning Inner Divs 5 23
HTML question 2 24
CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
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 …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

756 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