logo lined up with navigation

5/13/2011

5/13/2011

Try changing this CSS to this:

ul#main-nav {
    float: left;
    margin-top: 36px;
}

Open in new window

Is that what you are looking for?

5/13/2011

can you post the Css code you are using in your code , ?

5/13/2011

I suspect you are using percentages on you css instead of pixels

5/13/2011

Looking it a second time seems that youset you menu relative to the IMG div

5/13/2011

ASKER

jonahzona,
Changing the margin on the logo will not effect the navigation. No matter what I change it to, the navigation remains in the same position.

5/13/2011

Alright, do you want to move the navigation up or down?

the code I pasted will move the nav#ul down an additional 6px.

Is this what you are looking to do? To move the navigation down while keeping the logo in the same place?

5/13/2011

ASKER

Here is a screen shot showing (in red) where navigation is and (in blue) where I want navigation to be.
http://screencast.com/t/6Uz3YIKhnRs

Navigation needs to be fixed
http://nsitedesigns.com/nsitedesigns/miller/test2.html
http://nsitedesigns.com/nsitedesigns/miller/miller_new.css

Navigation in correct position
http://nsitedesigns.com/nsitedesigns/miller/3.html
http://nsitedesigns.com/nsitedesigns/miller/3.css

Tom Beck

5/13/2011

The menu is too wide to fit there. For example if you add width:100px; to the li it goes where you want it abiet with squeezed menu titles.

5/13/2011

ASKER

jonahazona,

I put in your modification. What that did was push the navigation DOWN but I need the navigation to sit to the RIGHT of the logo.

5/13/2011

The site looks fine on Chrome...

5/13/2011

I say you need to create a new div below your dvi topper

5/13/2011

ASKER

tommyBoy,

the menu is where i want it to be in http://nsitedesigns.com/nsitedesigns/miller/3.html. I copied and pasted the navigation css into http://nsitedesigns.com/nsitedesigns/miller/test2.html.

Why would you say the navigation is too wide when it worked in one situation but not in the other. The navigation coding is the same.

5/13/2011

ASKER

TonyReba,

Can you provide the specs for the div you want me to add below topper.

5/13/2011

Got it. This is an IE problem.

Looks good in FF. That is why I was missing the point.......

5/13/2011

ASKER

Tony Reba,

The below url fails on Mac's Safari and FF, on a PC in Opera, IE and FF.

http://nsitedesigns.com/nsitedesigns/miller/test2.html.

5/13/2011

ASKER

by fails, i mean it doesn't sit to the right of the logo.

5/13/2011

ASKER

it does not work in any browser on mac or pc
http://nsitedesigns.com/nsitedesigns/miller/test2.html.

5/13/2011

Try adding this

ul#main-nav {
    float: left;
    margin-top: 36px;
    padding: 0;
}

Open in new window

worked for me.

ASKER CERTIFIED SOLUTION

5/13/2011

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

5/13/2011

Also, that margin-top can be changed back to 30. I think that is what you originally had.

ul#main-nav {
float: left;
margin-top: 30px;
padding: 0;
}