By gordonbooker on

Hi,
I'm having trouble getting a picture in a node to float to the right with css.

Drupal 5.7 zen sub theme

I am allowing Full HTML in the Input Format box, and then, in the body section writing:

<p>
<img src="http://localhost/drupal-5.7/themes/zen/images/dog1.gif" />
style="float: right;"
here is the text that should wrap around the picture blah blah blah
</p>

The picture shows up , but doesn't float to the right. I've tried putting the

tags in, in various places as well.

Comments

arh1’s picture

arh1 commented

i assume you mean:

<p>
<img src="http://localhost/drupal-5.7/themes/zen/images/dog1.gif" style="float: right;" />
here is the text that should wrap around the picture blah blah blah
</p>

you should also add height and width attributes to the img tag. (if you're still having trouble, post the URL.)

if you use Firefox, the Firebug extension/add-on is priceless for debugging CSS, especially for e.g. Drupal sites where many stylesheets may be involved, with many cascading rules.

and, standard disclaimer: remember that the Full HTML input format is an inherent security risk and should only be available to completely trusted users.

gordonbooker’s picture

gordonbooker commented

Thanks a million for that - I'd wrestled with it for ages.