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.

CommentFileSizeAuthor
#1 Screenshot-1.png459.2 KBsiva.thanush

Comments

siva.thanush’s picture

siva.thanush commented
StatusFileSize
new Screenshot-1.png459.2 KB

The screen shot of the home page Please help me

Deepika.chavan’s picture

Deepika.chavan commented

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.

siva.thanush’s picture

siva.thanush commented
Status: Active » Closed (fixed)

Ya it works.