Help needed with CSS [#1217312]

I've got a field-based view showing the latest "pages" on this page under "latest articles": http://www.thoughtcat.com/fitnessrocks/home - the top two are OK but the attached image in the bottom one doesn't float to the right like the others. I can't see any difference between the CSS or the actual node content for the third one.

What I actually want anyway here is for the images to float to the left in this box, but they're being styled the same as the "News & reviews" view block on the bottom right of the home page which has the images on the right (which is OK). I tried creating a separate CSS class in the two views to control them differently but it didn't seem to work.

Also, the News & Reviews main page at http://www.thoughtcat.com/fitnessrocks/news-reviews is showing a teaser-based view of "story" teasers and attached images but I can't get the attached images to float properly, they just hang underneath the teaser.

Any help would be much appreciated...

Comments

Comment #1

danpros CreditAttribution: danpros commented 13 July 2011 at 15:29

Hi,

Try to re-order the placement of the image field before the body, it should on "manage field" if you are using CCK.

After re-order, add new style to style.css or local.css

.image-attach-teaser {
float:right;
}

Dan

Comment #2

thoughtcat CreditAttribution: thoughtcat commented 16 July 2011 at 13:52

Great, thanks! It's fixed the image problem in http://www.thoughtcat.com/fitnessrocks/news-reviews - just need to get the text to float to the top and get some padding round the image.

I had no idea that the order of the fields in the CCK node form affected the output - I thought that was only affected by the node template.

Still can't work out though why the top two teasers in the "latest articles" box on http://www.thoughtcat.com/fitnessrocks are showing the image OK, floating to the RHS, but the bottom one is indented...

EDIT: I've updated the front page now so it's showing the node teasers instead of a field-based custom view, and have used Stylizer to work out how to put margins around the images to get the layout to breathe a bit better :)