By Durran on

Im looking for a simple explanation for a block theme. -Or mini panel in my case.
Youll have to forgive me for my lack of css knowledge.
What im trying to do is create a "float: left;" to one cck_block contained within a mini-panel. As it is right now, the imagecache display from top to bottom and I would like them to be displayed left to right, and for the life of me, I cant seem to figure this out without adding a float to everything, which of course messes up the whole layout.
Heres my example (the small images of course): http://www.midwestbargainhunter.com/classified-ads/microsoft-sidewinder-...

I dont know what would be easier, theming cck_blocks (just 1), or theming a mini-panel. It doesnt matter to me if the block is or is not contained within a mini-panel either just in case that matters. Im looking for the easiest solution! -I know that mini-panels has a css div and class area, so where would I put this information within the stylesheet file? and how does it need to be configured? I have spent alot of time google-ing and reading handbooks here.. but to no avail. I know this has to be simple!

Is there a recommended module? I have looked at the block theme module, but it as confusing for me as css is at this point.
Im a very fast learner.. So if anyone could possibly help me with this or at least point me in the right direction it would be GREATLY appreciated! ... Better yet, show me how to do it!
Im using the waffles theme if that helps.
Thanks in advance.

⋅ Categories: Drupal 6.x

Comments

nevets’s picture

nevets commented

Start by editing your panel, for the content that represents the images, click on the 'gear', a popup menu should appear, select 'CSS properties'. Give the panel a id, it needs to be unique, 'ad-images' should work. Using ad-images (or what ever id you pick) the css would be

#ad-images field-item  {
  float: left;
}
Durran’s picture

Durran commented

I would then add this particular code

#ad-images field-item  {
  float: left;
}

to the bottom of the Style.css file? Or panels stylesheet.. And then would it be at the bottom of the css file or does it matter where? Again sorry, i'm really a stooge when it comes to drupals css, and im just now getting into understanding css all-together.
Thanks again, this is starting to give me hope!

nevets’s picture

nevets commented

I would add it to the bottom of your themes style.css file.

Durran’s picture

Durran commented

Ok, At first I tried and to no avail... I then poked around with Firebug and figured that I needed to add a simple dot before field item like so 

#ad-images field-item  {
  float: left;
}

Your a true life saver and have set me on the right path to drupal css enlightenment!
Many, many thanks for the pointer and lending a hand, and in such an expedient fashion! my gratitude deeply.

(edit) -After viewing this post with the code tag, I noticed that the dot/period I had placed was pulled (which probably same as yours).. I will have to watch for that in the future.

-Is this something that should be watched for? Ive never noticed this type of thing in the past.

Should be "ad-images .field-item" etc....