css clearfix causing text fields to clear a floated image not wrap around it

Posted by Chelonia on April 26, 2011 at 9:55am

Hi,
I'm having an issue with the clearfix attached to each field (Drupal 7, Zen theme).
I have an image floated right:

.field-name-field-image-species img {
clear: right;
display: block;
float: right;
margin: 0 0 5px 5px;
}

And several text fields containing just one word that I want to sit on the left of this. But only the first text field actually sits next to the image on the page, all the others clear the image and sit underneath.

The first text field when looked at with Firebug has the same height as the image, so somehow is incorporating the image as if it is a child element.

Does anyone know how to fix this?
Thanks

Comments

I'm having the same issue.

Posted by Zakarijs on April 28, 2011 at 8:38pm

I'm having the same issue.

Anybody?

same issue

Posted by Jiri Volf on August 13, 2011 at 10:01pm

Hi, I've just come across this, have you meanwhile found a solution?

Any link to the page? This

Posted by Pratheep on August 15, 2011 at 8:51pm

Any link to the page? This could just be a css related issue and need to look at the page to troubleshoot.

Same issue here

Posted by Jupiter on April 9, 2012 at 7:27pm

I am looking for a solution to this also and it is being discussed here as well http://drupal.org/node/622330#comment-5847798 although at the moment none of the suggestions solve the issue for me.

I agree with Pratheep; please

Posted by Mediasaur on April 9, 2012 at 11:38pm

I agree with Pratheep; please share the URL of the page if possible; so maybe we can help to solve your problem.

_{Mediasaur | http://www.mediasaur.com/en | http://twitter.com/mediasaur}

_{Before asking for help, please read this http://slash7.com/2006/12/22/vampires/ and don't be a "Help Vampire". :)}

If you can, change the text field to longtext

Posted by modulist on April 26, 2012 at 5:44pm

I'm running into the same issue: text fields have a clearfix class embedded in them, while longtext fields don't. If it's not too late to modify your field type, this will give you a good workaround.

modulist