Hi all,


Why am I losing the paragraph style when the first element in the paragraph is an image file?

For example, the style specifies

P {font: 9pt Verdana, Helvetica, sans-serif; margin-left: 5%; color: white; margin-right: 10%}

But when the first paragraph on the page begins

<p><img src="images/arrow.gif">Latest news ...

everything is jammed up against the left-hand margin, as though the margin-left attribute has been cancelled out -- and not just for this paragraph, but all following, including those which don't begin with an image.

And this is only with IE6 -- Firefox 1.5 retains the formatting.
Must be a simple solution, but can't figure it out.

Do you have a live link you can show us?

Your margins are defined by a percentage of the available width, it might have something to do with it if the browser window is not maximized.

Sure thing --

Tim Turnbull - poetry and performance


Same problem whether the window's maximised or not ...

I'm sure I've had this bug before, but I'm still quite new to CSS and never got round to sorting it out ...

The CSS is all inline & available to view.

Instead of defining margins, try padding within the <p> tags.

Will do -- many thanks.

But then I'm still needing to set the overall margins for the text -- wouldn't padding only serve to
indent from the first word, but overrun as a line into the far margin again?

[ - - - - -] This paragraph had one padding specified(left), using
directional declaration.