Home Login on Left - Cart Checkout on Right

[rich_li_ny]

On my page: Home | Log In | Shopping Cart | Checkout
are all grouped together.

What I would like to do is keep the "Home and Login" on the left move the
Shopping Cart and Checkout over to the right but an the same line.

How do I go about moving just Shopping Cart | Checkout over to the right??



Here's a link to my page: http://www.omegadigitalvoice.com/zencart

Any help is appreciated~

[kobra]

You will have to edit you tpl_hrader.php file and create another listing "ul" for the others keep wat you want left as

<div id="navMain">
    <ul class="back">

and what you want as right will have to be in a new ul class you insert for them as:

<div id="navMain">
    <ul class="back">
the code for home & login

    <ul class="forward">

the code for the rest of them

[rich_li_ny]

You will have to edit you tpl_hrader.php file and create another listing "ul" for the others keep wat you want left as

<div id="navMain">
    <ul class="back">

and what you want as right will have to be in a new ul class you insert for them as:

<div id="navMain">
    <ul class="back">
the code for home & login

    <ul class="forward">

the code for the rest of them

Kobra,

Thank your for your help.
I tried that but now it seems the links to the right are too far over and off the page.

In order to make the login line up with the area on the page I needed to add some padding. Here's the #navMainWrapper section of my stylesheet:

#navMainWrapper {
margin: 0em;
background-color: transparent;
padding: 0.5em 0.2em;
font-weight: bold;
color: #ffffff;
position: relative;
top: 122px;
left: 68px,
height: 1%
}


So top get this right should I.. remove the left padding and maybe figure out a way to just pad the text to the actual links? Or, should I be looking for a way make the #navMainWrapper a smaller width?? In either case I can't figure out where to go to make either of these changes. This part really has me stuck.

Any suggestions???
Ive kept the changes on the page so you can see what I'm describing.

Thanks for your help~

Rich


http://www.omegadigitalvoice.com/zencart

[rich_li_ny]

UPDATE:

I added one small change to the stylesheet..
Under #navMainWrapper I changed the width to 80%. Now my text for the Items on the right is over to the left just a little where I want them.

Added line:
Width: 80%;

The ony problem I see now is the links on the right side of the navigation area are a different color and are a little higher than the links on the left side.

What I'm missing here???

Rich

[kobra]

The ony problem I see now is the links on the right side of the navigation area are a different color and are a little higher than the links on the left side.

Looked and do not see either of these issues???? FF & IE

[rich_li_ny]

After 6 hours sleep and a good cup of coffee this morning Ive taken another look and
have come to the following conclusions:

1. The text appearing a little to high on the right is basically an illusion as has to do with the background image. (excuse)

2. Same thing with the color.. The background image has a slightly different color on the right side vs the left side. (excuse)

3. I must have been looking at the monitor way too many hours and began to lose it for a moment. (truth)

Thanks for the reply and .. please forgive me.

Rich