By Anonymous (not verified) on

Hello All.
I really need help! I have created my website using Drupal, (i'm fairly new to Drupal)
Main main problem is layout. Im using the Ability theme. In my Header I want my site logo, my search box,a user login bar and a block which contains an advert. I can get all of these things to appear using the 'Administer' section and I understand how to order them using the weighting drag and drop feature also within the adminster section.
What I need to know is how to 'precisely' position using CSS or which ever method is the best.- exuse my low knowledge levels.

I quite simply want all four items to fit within the header and look presentable. If I could be told how to manipulate each item's individual position I would be able to achieve this.

I really look forwards to any responses.
Thank you

⋅ Categories: Drupal 6.x

Comments

prestonso’s picture

prestonso commented

You can use CSS to specify where blocks go. For example, if you have blocks with block numbers 1, 2, 3, and 4 respectively, and you want them each to have a width of 25%, then you can do the following if you aren't using a custom block.tpl.php file:

#block-1, #block-2, #block-3, #block-4 {
width: 25%;
float: left;
}

If you want more specific placement than that based on widths and margins, then you would have to go the route of absolute or relative positioning, which I don't recommend.
___________________

Preston So
Creative Director
Monarch Digital, Colorado Springs
My near-dead non-Drupal site

___________________

Preston So

Anonymous’s picture

Anonymous (not verified) commented

Thanks for your reply. I would however like more specific positioning. How would I go about positioning using absolute and relative?
It is really bothering me that I cant work out how to do it! i've been stuck for some time now!
If you could possibly spare a minute to look at the site i'd be MEGA grateful.
Its http://bingoparadise.co.uk/drupal/ The site already exists as a static html site but im really hoping to get it upgraded and live with drupal soon.- it seems drupal does everything we need and more!

What im trying to achieve for logged in users to see in the header is:

site logo--user points--ad block (Search bar under ad block)

Thanks for your advice so far!
Tom