Uutiset:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu
Advertisement:

Text round image

Aloittaja kateydrop, lokakuu 02, 2006, 03:16:52 AP

« edellinen - seuraava »

kateydrop

P.L.E.A.S.E,

Does ANYONE know how I can put image boxed in around text like this site:

http://news.bbc.co.uk/1/hi/uk/5333474.stm

Thanks!
"I am the way, the truth, and the life - no one comes to the father except through me.

SKETCHi

You just need to align your image :).


<img align="right" src="yourimage.jpg" />

Dannii

#2
Float it to the right with CSS.

http://www.tizag.com/cssT/float.php
"Never imagine yourself not to be otherwise than what it might appear to others that what you were or might have been was not otherwise than what you had been would have appeared to them to be otherwise."

kateydrop

Sigh...

Will this nightmare never end, I may have to go back to Invision Power Board if I can't get this image placement to work, it looks too unprofessional for my tastes.

eldʌkaː

Thanks for your link it looks a great place I joined the forum but I can't post for some reason so I contacted the owner.

SKETCHi ,

I know about that highlight and centre, even center but it leaves a gap instead of floating in the text for the next block of text. The text following is under the image instead of round it.
Thanks everyone who helped.

"I am the way, the truth, and the life - no one comes to the father except through me.

Dannii

I don't know anything about the forum at that site, it was just a nice tutorial I googled ;)
"Never imagine yourself not to be otherwise than what it might appear to others that what you were or might have been was not otherwise than what you had been would have appeared to them to be otherwise."

SKETCHi

Move your img tag. If you place the img tag before your content, your content will not wrap around it. Move your img tag into your text block.

Like this:
Aenean imperdiet, augue et dapibus dictum, erat lorem aliquet tellus, at ultrices mi odio dapibus quam. Aenean et elit a nisl pharetra bibendum. Nunc mollis justo. Aenean vulputate venenatis enim. Duis consequat, mi ac pellentesque ornare, eros turpis semper purus, tincidunt dignissim sapien orci sed lacus. Morbi sodales. Mauris risus elit, ultrices eget, tempor posuere, ornare eu, lectus.<img align="right" src="yourimg.jpg"> Maecenas cursus blandit nisl. Donec velit massa, ultrices sit amet, ultricies eget, molestie et, massa. In nec elit eu enim consequat vulputate. Suspendisse potenti. Curabitur convallis. Nulla metus justo, ultricies sed, blandit vitae, blandit vitae, nisl. Quisque vel nisl. Maecenas sed felis. Quisque interdum, lorem eu cursus venenatis, mi velit pretium velit, vitae scelerisque ante libero sit amet neque. Sed ullamcorper interdum nibh. Mauris suscipit. Pellentesque at arcu. Suspendisse dignissim iaculis tellus.

Advertisement: