By sisyphus on

i heard that it is possible to do so using something like display: inline to achieve this. but i am a rather beginner in using css. do anybody have information on how to do this?

thanks a lot.

Comments

schneider707’s picture

schneider707 commented

i'm a little confused about what ur asking here. I think what you are asking is that you want all your links to stay on the same horizontal axis? If so, you keep all the links the same weight. So if you set a search bar on top to weight 1, and you have links (or a horizontally stretched menu) then you set all of your links to weight 2. Any other links that you do not want aligned with the rest will take a weight 3 (...or potentially more)

dman’s picture

dman commented

It's a terribly worded question, but from using a little ESP I think the answer you are looking for begins with something like

#header .block { float:left; width:200px; height:150px; }

Blocks are divs by default, and divs are horizontally-clearing by default.

It doesn't end there, but that's why people actually have to learn CSS and curse browsers.

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

.dan. is the New Zealand Drupal Developer working on Government Web Standards

sisyphus’s picture

sisyphus commented

ok. let me rephrase my question.

for example, i installed 2 module: Bookmark Us; and Nice menu.

then i would like to put both of them in the header area. both of them generate a block and let user to place the module in somewhere in the web page. then i now would like to "line them up" horizontally: nice menu on the left side, and bookmark us on the right side.

i asked the maintainer of nice menu about this. and he advised me to raise this question in theme forum.

i hope my question is now more clear. can anyone advice me how to do so?

thanks a lot.

dman’s picture

dman commented

Pretty much as above.
Each block is a div.
One div after another usually land underneath each other.
Unless they are positioned, tabled or floated.

So find the id of your blocks (view-source or use the developer toolbar)
And float one left within the header region, one right.
Floating things may collapse their width, so it's better to set the width explicitly.
How they relate to other things in your header will depend on your theme, and may require some page.tpl.php tweaking.
You may need a clearing div underneath them to prevent overflows if your sizes are not hard-coded.

You can also try positioning them absolutely, after making the header region position:relative ... but you have to lock the height that way, as positioned things don't define wrapper height.
å
Sorry, if that's all just jargon to you, you'll have to try a bit of R & D.

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

.dan. is the New Zealand Drupal Developer working on Government Web Standards