Positioning Text Element in NavBar

[gjh42]

<li>Cart Contents: <span class="style1">

Add to your stylesheet

.style1 { float: right; }

[bobguindon]

I tried that, but it places the cart totals on the next line instead of at the end of the same line. Also, I realized that the 'Cart Contents:' text was outside of the span tag, so I moved it in:

Old: <li>Cart Contents: <span class="style1">
New: <li><span class="style1">Cart Contents:

You can see the current result at: www.superphones.com. Another side effect is that the links are now centered on the top line...

Thanks,
Bob

[gjh42]

The Home Login were always centered, it just wasn't noticeable until the float: right stretched the ul or navMain to full width.
You didn't mention that, even without the float, the cart info was on the next line.

I'll have to check on the styling for larger elements, as there is clearly something else affecting this area. The <br class="clearBoth" /> is inside the <li>, but moving it in Edit HTML has no effect. There are no breaks after the Login to put the cart on the next line...

If the cart info wasn't on the next line before, then you must have changed something else beside the span.

[bobguindon]

I just removed the following line from the stylesheet, and everything is back where I started - links displaying from the left, followed by the cart contents:

.style1 { float: right; }

If it matters, I'm using the nightfall template.

Thanks,
Bob

[gjh42]

#navMain ul, #navSupp ul, #navCatTabs ul  {
    margin: 0;
    padding:  0.5em 0em;
    list-style-type: none;
    text-align: center;
    line-height: 1.5em;
    } 

This is causing your links to be centered. Change to float:left;

When I delete the .style1 { float: right; } in Edit CSS, it all moves left but stays on the next line.

[gjh42]

The Edit CSS has some odd effects on refreshing results. After I shut it down and refreshed, I saw the links all back on one line, and now in Edit CSS adding or deleting .style1 {float:right;} has the same effects you are reporting.

[bobguindon]

Changing from text-align: center; to float: left; of course, also affected CatTabs, so I assume that I could break NavCatTabs off and leave it centered.

Do you know if this problem is specific to the nightfall template? I have also been having a problem with CatTabs running off the right edge (instead of wrapping) with the Opera browser. I haven't resolved that yet, either.

Until I get this sorted out, I guess that I'll just leave the cart totals over on the left.

Thanks for your efforts,
Bob

[gjh42]

I'm afraid I can't find any reason for this effect, or way to stop it from dropping down.
Sorry. Maybe another pair of eyes can help...

Yes, you should separate out #navMain or any of its subs that you modify.

Oh, you should post in the Nightfall template support thread. Read first to see if this has occurred before.

[hansi]

Hi,

I have a similar problem: I want to right-align the Home and Login text in my navBar (not sure if this the fist bar above the logo and sales message part). I tried adding (or changing) the text-align:right and float:right in the css file to #navMain, #navMain ul li and other different combinations but the Top text always keeps displaying on the left. I even tried the same css code on #navMainWrapper but to no avail. Can you please help me?

Hansi