Break between two modules

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
fearmydesign
Power Poster
Power Poster
Posts: 363
Joined: Sun Feb 28, 2010 10:54 pm

Break between two modules

Post by fearmydesign »

Hi, I want to display my Breadcrums & the search on the same line, but for some reason it keeps putting them on two separate lines and I don't have a or anything. can anyone help me please? Below is my line of code. Thank you

Code: Select all

<div class="bread" align="left"> {breadcrumbs} {search} </div>
Rod
"Be careful who you step on your way up; because you never know who you'll meet on your way down!" - or something like that.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Break between two modules

Post by Dr.CSS »

In this board on the forum it's best if possible to give a link to the site in question else all you'll get is guesses, maybe because they are both modules and each up all the space in the div so it just stacks them on top of each other like any toher div that isn't given specific css to move it around...
User avatar
Silmarillion
Dev Team Member
Dev Team Member
Posts: 483
Joined: Sun Jan 02, 2005 9:10 pm

Re: Break between two modules

Post by Silmarillion »

If you really want that, putting the two tags into a small properly styled table, could solve the problem...

Code: Select all

<div class="bread" align="left"> <table><tr><td>{breadcrumbs}</td><td>{search}</td></tr></table> </div>
User avatar
fearmydesign
Power Poster
Power Poster
Posts: 363
Joined: Sun Feb 28, 2010 10:54 pm

Re: Break between two modules

Post by fearmydesign »

OK, I tried the tables but I still got some problems. The easiest way I found to fix this is simply by making 2 divs (below) and assign a float:right and float:left on the css. So far so good! Thanks.

Code: Select all

<div class="bread">{breadcrumbs}</div>
<div class="search">{search}</div>
Rod
"Be careful who you step on your way up; because you never know who you'll meet on your way down!" - or something like that.
Post Reply

Return to “Layout and Design (CSS & HTML)”