Preface region, image and text [#899364]

Hi all,
I use waffles as the theme for my website.
On looking at the theme's home page,
http://www.iearth.ru/
i have decided to put contents in
preface regions,i.e., preface first, middle, last.
Now a an image and explanation about the image
is that what we can see in that homepage(theme).
I too need the same thing, so i tried
but the explanation about the image goes
to next line,i.e to bottom of the picture.
I need it against the image.
(Do not need table)
What can i do. Help would be very
thankful.

Comment	File	Size	Author
#1	Screenshot-1.png	459.2 KB	siva.thanush

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

siva.thanush CreditAttribution: siva.thanush commented 2 September 2010 at 07:33

File	Size
Screenshot-1.png	459.2 KB

The screen shot of the home page Please help me

Comment #2

Deepika.chavan CreditAttribution: Deepika.chavan commented 25 July 2011 at 13:14

Hi,
In my case, I created blocks, in that blocks I am printing an image in '< img >' tag and description in '< p >' tag.
then I added following css in local.css file.

#preface .content p {
  color: #C7D0D8;
  font-size: 12px;
  font-weight: normal;
  line-height: 120%;
  float: right;
  width: 210px;
}

#preface .content img {
  float: left;
}

Please change the width of 'p' accordingly.
Clear cached data here-admin/settings/performance.
You can add div before image tag and one div before p tag, the structure will look like this :

<div class="image-div">
<img  ... />
</div>
<div class="description-div"> 
<p> ... </p>
</div>

Now we can add above css to '#preface .content .image-div' instead of '#preface .content img ' and to '#preface .content .description-div' instead of '#preface .content p'.
HTH!!

Rgrds,
Deepika Chavan.