By srlinuxx on

I've been trying for so long to get a nice discreet ad banner in the header of my site without any real success. I can use the ad module (advertisements) and enable a header block, but it looks like this:

http://www.tuxmachines.org/images/whatiget.jpg

All I want to do is this:

http://www.tuxmachines.org/images/whatiwant.jpg

I've been playing with the style.css file and even the page.tpl.php, I searched the internet, drupal howto sites, this one and tried so many things. Nothing will budge that danged header banner.

I'm open to other suggestions that don't use the header block even. I'm using the sor theme right now with drupal 5.1, but I've also been trying the bluemarine. Can someone help please?

⋅ Categories: Drupal 5.x

Comments

soupp’s picture

soupp commented

It is only about construction of your page.tpl.php and css. No free theme will give you this ability out of the box. But it is absolutely possible.

Basic idea is to give right width/height to logo + banner + menu div (or ul) in css and make each element float left. You may need to override some drupal's default.css or system.css classes in your theme css file (but don't edit core css directly).

Drupal Top Sites | Drupal Sites Directory

srlinuxx’s picture

srlinuxx commented

Well, I've made a bit of progress. Thanks for answering, your post did end up oiling the wheels a bit. That and an online css tutorial. :D

For all my fudging around for the last week, the key element was (might help other noobs):

position: absolute;top:75px;left:420px;

in a:

#block-ad-1 {

so now what I can have is:

http://www.tuxmachines.org/images/whatigot.jpg

Thanks so much.

--You talk the talk, but do you waddle the waddle?

ryivhnn’s picture

ryivhnn commented

Looks like it's your logo that's pushing things around. Try float: left; in whatever your logo class is.

works at bekandloz | plays at technonaturalist