Guest intergemsuk Posted November 3, 2006 Share Posted November 3, 2006 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. Quote Link to comment Share on other sites More sharing options...
roban Posted November 3, 2006 Share Posted November 3, 2006 try <div float="left">{SESSION}</div> Coding may be off but if it is someone will flag it. Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 4, 2006 Share Posted November 4, 2006 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. Quote Link to comment Share on other sites More sharing options...
roban Posted November 4, 2006 Share Posted November 4, 2006 Thanks Mark. I knew you'd put it right. Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 4, 2006 Share Posted November 4, 2006 no prob Robert, glad to help Quote Link to comment Share on other sites More sharing options...
Guest intergemsuk Posted November 6, 2006 Share Posted November 6, 2006 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. Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 6, 2006 Share Posted November 6, 2006 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 ;) Quote Link to comment Share on other sites More sharing options...
Guest intergemsuk Posted November 6, 2006 Share Posted November 6, 2006 Hi mark, thanks for your help - that sorted it out. Its looking better now, cheers, Ben. Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 7, 2006 Share Posted November 7, 2006 you're welcome ;) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.