WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > [SOLVED] Make text float around image

Reply
  Thread Tools Display Modes
Old 3rd June 10, 02:29 PM   #1
eatanicecream
WLC Lover
 
Join Date: Mar 2008
Posts: 74
Default Make text float around image

Hey everyone

I'm trying to make some text float down the left side of a right-aligned image, but for some reason the image pushes the text down below it.

Grateful for any suggestions.

This is the page: http://dev.wdm.org.uk/stop-bankers-b...s-betting-food

The text in the grey boxes is supposed to go on the left side of the image.

It's a Drupal site so there are loads of stylesheets. The main one is layout.css.

Many thanks!
eatanicecream is offline   Reply With Quote
Old 3rd June 10, 03:58 PM   #2
Rayzur
WLC Lover
 
Rayzur's Avatar
 
Join Date: Feb 2008
Location: Texas
Posts: 1,331
Default Re: Make text float around image

Hi,
You need to nest those images within the <p> tag that contains the text. You have them nested in their own <p> tag currently, a p tag is a block level element and it fills the entire width available. Then the next p tag is dropping below that.
Code:
<div class="content">
    <h2 class="officina">What is the problem?</h2> 
    <p>
        <img src="../../../../../themes/wdm/images/riots.jpg" alt="Grain with fire in the background" align="right">
        City bankers, like Goldman  Sachs, are betting on the  price of foods, like wheat,  maize and soya. This is  
        causing food prices to rise  so that people are going  hungry.
    </p>
    <p>Read more</p>
    <p>&nbsp;</p>
</div>
__________________
Ray H.

To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.


To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.


To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
Rayzur is offline   Reply With Quote
Old 3rd June 10, 05:47 PM   #3
eatanicecream
WLC Lover
 
Join Date: Mar 2008
Posts: 74
Default Re: Make text float around image

Of course! Thanks man. :-)
eatanicecream is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:11 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.