8 replies [Last post]
burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 3 years 9 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

Hello,

First of all, apologies for not being able to provide a link, I don't have anywhere I can upload to whilst in my office. Second of all, this is my first attempt at a CSS site and is designed to be a bit of an on-line newsletter for my other half whilst she's away. I know she has 20:20 (vision, not Mad Dog alcohol) so I've sized my fonts using pixels.

Finally, please ignore the lack of images, hopefully this shouldn't overly effect what you see.

Right then, my question. Do you know why in the main content column, the first paragraph doesn't indent in IE7? I can't test it in IE6 and it works in FF.

Thank you,

John

P.S. Please rename the burleyjstyle from a txt to a css. Thank you

AttachmentSize
burleyjexample.html1.3 KB
burleyjstyle.txt2 KB

Have YOU said Hello yet?
The CSSCreator Hello Thread

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 8 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Can you put the CSS inline

Can you put the CSS inline in the html? That means we can click on the html file and have it display with styles in the browser.

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 3 years 9 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

Done

Ok, think I got it! How's that?

John

AttachmentSize
burleyjexample.html 3.26 KB

Have YOU said Hello yet?
The CSSCreator Hello Thread

Phreestyle
Phreestyle's picture
Offline
Enthusiast
Australia
Last seen: 4 years 45 weeks ago
Australia
Timezone: GMT+8
Joined: 2007-05-12
Posts: 235
Points: 6

A bit of a brain buster, but

A bit of a brain buster, but I think I've got it sussed.

You need to clear the float from your image. Eg,

#content p
{text-indent: 15px;
text-align: justify;
clear:left;
}

Life's a journey. Enjoy the trip.

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 3 years 9 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

Got it

Bingo, thank you very much, :thumbsup:

John

Have YOU said Hello yet?
The CSSCreator Hello Thread

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 3 years 9 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

Sorry to be a pain, but it's

Sorry to be a pain, but it's not fixed. I thought it was because there wasn't enough test data in the left and right columns. However if they stretch down (as they are intended to) to accommodate more information, then the code above makes the paragraph sit in the middle column below where the text in the side columns end.

Not making much sense? I've added more test data.

Thanks,

John

AttachmentSize
burleyjexample.html 4.44 KB

Have YOU said Hello yet?
The CSSCreator Hello Thread

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 3 years 9 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

Oh no, wait. Why clear the

Oh no, wait. Why clear the float from the image when I don't need to float the image in the first place? Removing that appears to have worked.

Thanks,

John

P.S. Still an odd problem though, can anyone tell me why this happened? :shrug:

Have YOU said Hello yet?
The CSSCreator Hello Thread

Phreestyle
Phreestyle's picture
Offline
Enthusiast
Australia
Last seen: 4 years 45 weeks ago
Australia
Timezone: GMT+8
Joined: 2007-05-12
Posts: 235
Points: 6

I thought I had a solution,

I thought I had a solution, but I didn't really. Sorry about

Life's a journey. Enjoy the trip.

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 3 years 9 weeks ago
Bournemouth
Timezone: GMT+1
Joined: 2007-05-31
Posts: 693
Points: 45

No worries Phreestyle. In

No worries Phreestyle. In fact you were right, the paragraph was reacting to the image. It's just that rather then clearing the paragraph text, I simply took away the floating of the image as it fills the width of its container anyway so doesn't need to float. And that sorted it. Couldn't have solved it without your advice.

Just wish I understood WHY the text indent was effected by this :?

Have YOU said Hello yet?
The CSSCreator Hello Thread