Displaying login session and currency horizontally?

[Guest intergemsuk]

Hi new to the forum,

im trying to get the login session and currency on the same horizontal line. i have duplicated the header naming it "header2" to contain the boxes.

heres a link to my site: http://s181780553.websitehome.co.uk/interg.../shop/index.php

think you can see what im trying to achieve.

Any ideas?

When i currently have them in the new header they appear ontop of each other and not side by side. I am placing them with {session}{currency}

Thanks in advance ben.

[roban]

try

<div float="left">{SESSION}</div>

Coding may be off but if it is someone will flag it.

[markscarts]

You are almost there. Just wrap both those labels in divisions, like this:

<div float="left">{SESSION}</div><div float="right">{CURRENCY}</div>

Or, add .currency {float: right} in the stylesheet where you have added the currency class for list management.

Of course, if you prefer the currency to left and session to right, you know what to change in the code Roban and I posted, I'm sure.

[roban]

Thanks Mark. I knew you'd put it right.

[markscarts]

no prob Robert, glad to help

[Guest intergemsuk]

Hi thanks for your help, sorry for my overdue response, not had a net connection. I have tried the code but it doesnt seem to work?

this is what i have:

layout.css:

#topHeader2 {

height: 20px;

margin-bottom: 10px;

padding-right: 9px;

padding-left: 9px;

padding-top: 0px;

background-color:#1C6EBA;

border-bottom: 1px solid #5C84CE;

}

index.tpl:

<div id="topHeader">

<div style="padding-top: 72px;"></div>

</div>

<div id="topHeader2">

<div float="left">{SESSION}</div><div float="right">{CURRENCY}</div>

</div>

<div>

Any ideas?

Cheers, Ben.

[markscarts]

Hi Ben, your in-line styles are all wrong. The correct syntax is:

<div style="float:left">

First use the correct syntax, and try it. If you still notice any problem, simply add widths to the two divisions to prevent any overlapping - probably not needed, but if you follow those tips you'll have it done in no time ;)

[Guest intergemsuk]

Hi mark,

thanks for your help - that sorted it out.

Its looking better now,

cheers,

Ben.

[markscarts]

you're welcome ;)