Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Image text wrap (CSS?/margin?) problem in NN4.7

Status
Not open for further replies.

myatia

Programmer
Nov 21, 2002
232
Hi,

I just want text to wrap around an image in a normal fashion. The text wraps normally around in image in IE5+, NN6+, but not NN4.7. In NN4.7, the text begins on the right hand side of the image; however, at the bottom of the image, the text does not wrap back to the left margin, like in this diagram:

[IMAGE] -----
[IMAGE] -----
-----
-----

My code is at the bottom. Any suggestions you might have would be greatly appreciated.

Misty

================== STYLESHEET ============
Code:
P {
	font-size: 0.9em;
	color:333366;
	margin-left:20px;
	margin-right:40px;
	font-family:Arial,sans-serif;
}

P.Branding {
	text-align: justify;
	margin-left:5px;
	margin-right:40px;
	margin-top:0em;
	margin-bottom:0.5em;
	line-height:1.6em;
}

H4.Products {
	font-size: 1.3em;
	margin-bottom:0px;
	margin-left:20px;
	font-variant:small-caps;
}


================== HTML =======================
Code:
<H4 CLASS=&quot;Products&quot;>

<IMG SRC=&quot;kowalski.jpg&quot; width=&quot;91&quot; height=&quot;125&quot; border=&quot;0&quot; ALIGN=&quot;left&quot; alt=&quot;Dr Robert E. Kowalski&quot;>Robert E. Kowalski</H4>

<p CLASS=&quot;Branding&quot;>Robert E. Kowalski has been a medical journalist for more than 35 years....<p>
 
If you add &quot;display:inline&quot; to your P.Branding style, does it work better ? Water is not bad as long as it stays out human body ;-)
 
I tried &quot;display:inline&quot; and it didn't work.

:(
Misty
 
If you omit the P tag, does it work better ? Water is not bad as long as it stays out human body ;-)
 
If I take the <P> tag out, the text wraps, but I lose my formatting. Got any suggestions as to how I can still keep the same text formatting and margins and have the text wrap around the image?

Thanks,

Misty
 
Remove the P and replace your &quot;P.Branding&quot; in CSS by a &quot;BODY&quot;. I hope this will not break all your design. Water is not bad as long as it stays out human body ;-)
 
Replacing the P.Branding with BODY produced the same result as removing the <P> tag (formatting gone, but wraps). I'll keep playing with it.

Misty
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top