Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2006-08-11 02:59:21

blazin6543
Member
From: Toronto, Canada
Registered: 2006-06-19
Posts: 103
Website

blog title wraps around image

how can i make it so the next blog entry starts after the image not beside it?

heres what i mean:

Last edited by blazin6543 (2006-08-11 03:01:06)

Offline

#2 2006-08-11 06:12:25

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,350
Website GitHub Mastodon Twitter

Re: blog title wraps around image

It does in FF Mac… What you need is a clear:both element in between posts


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#3 2006-08-11 06:29:27

blazin6543
Member
From: Toronto, Canada
Registered: 2006-06-19
Posts: 103
Website

Re: blog title wraps around image

sorry im a n00b with css…… what exactly does that mean? lol …… not sure where to put clear:both i mean

Offline

#4 2006-08-11 12:16:08

ricetxp
Member
From: London, UK
Registered: 2005-05-24
Posts: 89
Website

Re: blog title wraps around image

Hello again – you’ve still got some funny stuff going on with your markup. I can see this <p><rsx_page_number_nav /><h3> in your content div.

To clear floats in FF and probably IE7 you need clearfix, which can be found here
I think if you add clear:both to your css, it will clear the right and left hand columns as well.

Offline

#5 2006-08-11 13:19:35

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,350
Website GitHub Mastodon Twitter

Re: blog title wraps around image

ricetxp wrote:

I think if you add clear:both to your css, it will clear the right and left hand columns as well.

this will not be the case if the elements reside in their own div.

Having said that, the clearfix solution is indeed an excellent one


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#6 2006-08-11 17:30:21

blazin6543
Member
From: Toronto, Canada
Registered: 2006-06-19
Posts: 103
Website

Re: blog title wraps around image

ok i managed to get that done…. but how come now the blog starts from so many lines down below?

Offline

#7 2006-08-12 05:49:09

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,350
Website GitHub Mastodon Twitter

Re: blog title wraps around image

Your site looks ok from FF and safari mac.


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#8 2006-08-13 01:09:47

blazin6543
Member
From: Toronto, Canada
Registered: 2006-06-19
Posts: 103
Website

Re: blog title wraps around image

ya right now because i t00k out the clear: both an added <code><p></code> so it wouldnt l00k like the image above …. i dont want to do that for every article though

Last edited by blazin6543 (2006-08-13 01:10:27)

Offline

#9 2006-08-13 10:51:00

masa
Member
From: North Wales, UK
Registered: 2005-11-25
Posts: 1,095

Re: blog title wraps around image

I guess your side column is floated to the right, so when you insert anything in the main content area that clears floats it will drop below the side column.

One way around this is to position the side column absolutely instead.

Cheers Martin

Offline

Board footer

Powered by FluxBB