By spiveslude on

I have created 2 custom regions that display block above the main content of the page. I would like for these to be displayed side by side above the content of the page with one being slightly longer than the other both with a fixed height. How can I do this? Currently they are displayed on top of each other.

⋅ Categories: Drupal 6.x

Comments

bwv’s picture

bwv commented

You will need to identify the block numbers and then manipulate the style sheet (style.css) in your theme folder to get them placed where you want them.
----------------------------------------------------------------------
http://classicvinyl.biz
http://music.bwv810.com
http://davidhertzberg.com
http://association.drupal.org/user/1207

I am a writer, researcher and solo drupal freelancer

spiveslude’s picture

spiveslude commented

I don't really understand what you mean as I am relatively inexperienced in web development but learning as I go. My goal was to recreate a template I saw online in drupal and this is the way I want to do it. But back to the subject can u be a little more informative about what you mean. I would greatly appreciate it.

Jeff Burnz’s picture

Jeff Burnz commented

I take it you set an ID or a class on the region? Such as <div id="custom-region"> my blocks are here </div>?

If not, then add one, then set a width on the blocks and float them left - for example:

#custom-region .block {width: 200px; float: left;}

Tweak the widths, add some paddings and margins to get it all looking right.

Most themes print an ID on the actual block, such as id="block-user-1", you can use this to set a unique height for each block if you want them different, eg,

#block-user-1 {height: 250px;}

Best to get Firebug right away, it'll be a life saver.

Need help with IE?
Learn basic XHTML and CSS first.
Get smart with web specs.

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.
spiveslude’s picture

spiveslude commented

I have firebug but It is taking some time to understand what im looking at.

bwv’s picture

bwv commented

CSS is not that easy to learn; go easy on yourself. ;-)
----------------------------------------------------------------------
http://classicvinyl.biz
http://music.bwv810.com
http://davidhertzberg.com
http://association.drupal.org/user/1207

I am a writer, researcher and solo drupal freelancer

spiveslude’s picture

spiveslude commented

hHa, from scratch it really isn't but I know it comes with more experience and that keeps me with it. Thanks for the advice/code, I got it to work how I want, the rest is easier.