Text wrap around image?

karna · 1 Text wrap around image? Fri Feb 05, 2010 10:54 pm

karna

Registered Member

Posts : 94
Points : 0
Age : 32
Location : This World

hey, I am stuck at css. I have a paragraph and an image in it which is about 150 x 220 pixels. When I put image in paragraph it leaves blank space in paragraph. It shows the text above and below it. But it is not what I want.
I want the text in paragraph to wrap around it and not to leave space Neutral

any ideas?

ze_chaofan · 2 Re: Text wrap around image? Sat Feb 06, 2010 12:22 am

ze_chaofan

Registered Member

Posts : 82
Points : 0
Age : 30
Location : Somewhere, in Nev... France.

Hello...

Can I have a screen capture of the problem, and the CSS you used ?

karna · 3 Re: Text wrap around image? Sat Feb 06, 2010 9:36 am

karna

Registered Member

Posts : 94
Points : 0
Age : 32
Location : This World

Hi there ze_chaofan,
I have a simple one column layout. in which I have this html code.

Code:: <p class="intro"> <img src="intro-pic.jpg" width="150px" height="220px" /> lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit ametlorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet</p>

if you see this code in your browser you'll get what I am saying. the image shows first and then text.
You might have seen in some blogs where image is lying on left side and text goes on right side. I want the same thing.

Kratos · 4 Re: Text wrap around image? Sat Feb 06, 2010 11:40 am

Kratos

Registered Member

Posts : 167
Points : 45
Age : 30
Location : Have u checked next door?
Browser : Google Chrome

Code:: <img src="intro-pic.jpg" width="150px" height="220px" align=left/>

just replace your image code with this it should work fine

karna · 5 Re: Text wrap around image? Sat Feb 06, 2010 10:02 pm

karna

Registered Member

Posts : 94
Points : 0
Age : 32
Location : This World

That worked for me. Thanks Black Cat Very Happy

Kratos · 6 Re: Text wrap around image? Sun Feb 07, 2010 2:49 am

Kratos

Registered Member

Posts : 167
Points : 45
Age : 30
Location : Have u checked next door?
Browser : Google Chrome

My pleasure...Since this appears to be solved any admin or mod can lock it Question

jshushij · 7 Re: Text wrap around image? Sun Feb 07, 2010 5:09 am

jshushij

Registered Member

Posts : 35
Points : 0
Age : 28
Location : Finding Atlantis

Thanks Black Cat. I needed this code too. Very Happy

ankillien · 8 Re: Text wrap around image? Sun Feb 07, 2010 8:55 am

ankillien

Administrator

Posts : 5070
Points : 1013
Age : 34
Location : India
Browser : Firefox

Solved | Locked

Sponsored content

Quick Menu

Quick Menu

1 Text wrap around image? Fri Feb 05, 2010 10:54 pm

karna

2 Re: Text wrap around image? Sat Feb 06, 2010 12:22 am

ze_chaofan

3 Re: Text wrap around image? Sat Feb 06, 2010 9:36 am

karna

4 Re: Text wrap around image? Sat Feb 06, 2010 11:40 am

Kratos

5 Re: Text wrap around image? Sat Feb 06, 2010 10:02 pm

karna

6 Re: Text wrap around image? Sun Feb 07, 2010 2:49 am

Kratos

7 Re: Text wrap around image? Sun Feb 07, 2010 5:09 am

jshushij

8 Re: Text wrap around image? Sun Feb 07, 2010 8:55 am

ankillien

9 Re: Text wrap around image?

Sponsored content