Images and CSS | ExpressionEngine Community Forums

Images and CSS

kangmi

Posted: 28 August 2005 03:06 PM

[ Ignore ]

Lab Assistant

Total Posts: 201

Joined 09-01-2004

I’m wondering what CSS I can use to automatically force the posted section (“Posted by” etc.) down below the image in posts like this.

The CSS for posted sections is:

.posted {
color: #000000;
text-align: left;
padding-top: 5px;
padding-bottom: 19px;
font: 11px "lucida grande", verdana, arial, sans-serif;
} 

The CSS for the image in that post is:

img {
margin: 0px;
padding: 0px;
border: 0px;
}

.image_left {
margin: 0px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;
float: left;
} 

Profile

Lisa Wess

Posted: 28 August 2005 03:08 PM

[ Ignore ] [ # 1 ]

Moderator

Total Posts: 33269

Joined 05-14-2004

try:

.posted {
clear: left;
} 

You can google the clear thing to get more options. I think it has left, right, all, and both or something. “clearing floats” is a useful search term.

Signature

Profile

MSG

kangmi

Posted: 28 August 2005 03:17 PM

[ Ignore ] [ # 2 ]

Lab Assistant

Total Posts: 201

Joined 09-01-2004

Thank you. That worked beautifully.

Profile

‹‹ EE editor bug (in all modes) Styling submit buttons in Safari: no luck :-( ››

Username		Remember Me?
Password		forgot password?

Post Marker Legend
	New posts	Hot Topic with new posts	New Poll	Moved Topic	Sticky topic
	No new posts	Hot Topic with no new posts	Old Poll	Closed Topic	Announcements

Visitor Statistics
The most visitors ever was 1149, on July 16, 2007 09:33 AM
Total Registered Members:	66384	Total Logged-in Users:	58
Total Topics:	84706	Total Anonymous Users:	31
Total Replies:	454652	Total Guests:	201
Total Posts:	539358