Wrapping images around text

[iLogan]

Hello,

Is there any way we can wrap images around text, I've looked but couldn't see anything

[xxMATTGxx]

Hello,

Is there any way we can wrap images around text, I've looked but couldn't see anything

Try the following:

[IMG=left] URL [/IMG]
[IMG=right] URL [/IMG] 

[iLogan]

[img=left]http://www.habboxforum.com/customavatars/avatar60296_27.gif[/img]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper, erat id viverra pellentesque, odio dolor ornare nibh, sed porttitor nisi lectus fermentum lectus. Quisque tristique, lectus in tristique tristique, urna sapien venenatis lacus, ut interdum nunc urna sit amet lacus. Mauris scelerisque suscipit risus, ut sodales quam fermentum sit amet. Vivamus non egestas ligula. In mattis, nibh et convallis sollicitudin, enim urna ultrices elit, vel imperdiet ante tellus nec metus. Vestibulum ac ligula vitae neque tincidunt auctor nec vitae risus. Cras dui dolor, congue at dictum volutpat, eleifend vitae dui. Duis et libero eu eros pharetra semper. Curabitur dictum suscipit sem, vel pretium neque pharetra in. Donec eget justo felis, hendrerit fermentum est. Integer dui nisl, congue vel accumsan nec, pretium vitae metus. In congue nibh sit amet leo mattis nec molestie orci lobortis. Vivamus ut lectus non odio congue bibendum. Nulla at lacus ac ante suscipit condimentum eget a risus. In aliquet lacus nec risus adipiscing ac molestie nisi scelerisque. Etiam scelerisque dui ut dolor vulputate vulputate.

[img=right]http://www.habboxforum.com/customavatars/avatar60296_27.gif[/img]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper, erat id viverra pellentesque, odio dolor ornare nibh, sed porttitor nisi lectus fermentum lectus. Quisque tristique, lectus in tristique tristique, urna sapien venenatis lacus, ut interdum nunc urna sit amet lacus. Mauris scelerisque suscipit risus, ut sodales quam fermentum sit amet. Vivamus non egestas ligula. In mattis, nibh et convallis sollicitudin, enim urna ultrices elit, vel imperdiet ante tellus nec metus. Vestibulum ac ligula vitae neque tincidunt auctor nec vitae risus. Cras dui dolor, congue at dictum volutpat, eleifend vitae dui. Duis et libero eu eros pharetra semper. Curabitur dictum suscipit sem, vel pretium neque pharetra in. Donec eget justo felis, hendrerit fermentum est. Integer dui nisl, congue vel accumsan nec, pretium vitae metus. In congue nibh sit amet leo mattis nec molestie orci lobortis. Vivamus ut lectus non odio congue bibendum. Nulla at lacus ac ante suscipit condimentum eget a risus. In aliquet lacus nec risus adipiscing ac molestie nisi scelerisque. Etiam scelerisque dui ut dolor vulputate vulputate.

edit: omg that's great thanks!!!

[Lee]

[IMG=left]http://www.habboxforum.com/customavatars/avatar45160_5.gif[/IMG]It works, however when using spoilers it goes right through it!

See?

[David]

@Lee; that's a quote

Show Hide

[img=left]http://www.habboxforum.com/customavatars/avatar60296_27.gif[/img]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper, erat id viverra pellentesque, odio dolor ornare nibh, sed porttitor nisi lectus fermentum lectus. Quisque tristique, lectus in tristique tristique, urna sapien venenatis lacus, ut interdum nunc urna sit amet lacus. Mauris scelerisque suscipit risus, ut sodales quam fermentum sit amet. Vivamus non egestas ligula. In mattis, nibh et convallis sollicitudin, enim urna ultrices elit, vel imperdiet ante tellus nec metus. Vestibulum ac ligula vitae neque tincidunt auctor nec vitae risus. Cras dui dolor, congue at dictum volutpat, eleifend vitae dui. Duis et libero eu eros pharetra semper. Curabitur dictum suscipit sem, vel pretium neque pharetra in. Donec eget justo felis, hendrerit fermentum est. Integer dui nisl, congue vel accumsan nec, pretium vitae metus. In congue nibh sit amet leo mattis nec molestie orci lobortis. Vivamus ut lectus non odio congue bibendum. Nulla at lacus ac ante suscipit condimentum eget a risus. In aliquet lacus nec risus adipiscing ac molestie nisi scelerisque. Etiam scelerisque dui ut dolor vulputate vulputate.

[img=right]http://www.habboxforum.com/customavatars/avatar60296_27.gif[/img]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper, erat id viverra pellentesque, odio dolor ornare nibh, sed porttitor nisi lectus fermentum lectus. Quisque tristique, lectus in tristique tristique, urna sapien venenatis lacus, ut interdum nunc urna sit amet lacus. Mauris scelerisque suscipit risus, ut sodales quam fermentum sit amet. Vivamus non egestas ligula. In mattis, nibh et convallis sollicitudin, enim urna ultrices elit, vel imperdiet ante tellus nec metus. Vestibulum ac ligula vitae neque tincidunt auctor nec vitae risus. Cras dui dolor, congue at dictum volutpat, eleifend vitae dui. Duis et libero eu eros pharetra semper. Curabitur dictum suscipit sem, vel pretium neque pharetra in. Donec eget justo felis, hendrerit fermentum est. Integer dui nisl, congue vel accumsan nec, pretium vitae metus. In congue nibh sit amet leo mattis nec molestie orci lobortis. Vivamus ut lectus non odio congue bibendum. Nulla at lacus ac ante suscipit condimentum eget a risus. In aliquet lacus nec risus adipiscing ac molestie nisi scelerisque. Etiam scelerisque dui ut dolor vulputate vulputate.

edit: omg that's great thanks!!!

[Lee]

Whoops your right, that's what I meant

@Lee; that's a quote

Show Hide

[img=left]http://www.habboxforum.com/customavatars/avatar60296_27.gif[/img]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper, erat id viverra pellentesque, odio dolor ornare nibh, sed porttitor nisi lectus fermentum lectus. Quisque tristique, lectus in tristique tristique, urna sapien venenatis lacus, ut interdum nunc urna sit amet lacus. Mauris scelerisque suscipit risus, ut sodales quam fermentum sit amet. Vivamus non egestas ligula. In mattis, nibh et convallis sollicitudin, enim urna ultrices elit, vel imperdiet ante tellus nec metus. Vestibulum ac ligula vitae neque tincidunt auctor nec vitae risus. Cras dui dolor, congue at dictum volutpat, eleifend vitae dui. Duis et libero eu eros pharetra semper. Curabitur dictum suscipit sem, vel pretium neque pharetra in. Donec eget justo felis, hendrerit fermentum est. Integer dui nisl, congue vel accumsan nec, pretium vitae metus. In congue nibh sit amet leo mattis nec molestie orci lobortis. Vivamus ut lectus non odio congue bibendum. Nulla at lacus ac ante suscipit condimentum eget a risus. In aliquet lacus nec risus adipiscing ac molestie nisi scelerisque. Etiam scelerisque dui ut dolor vulputate vulputate.

[img=right]http://www.habboxforum.com/customavatars/avatar60296_27.gif[/img]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper, erat id viverra pellentesque, odio dolor ornare nibh, sed porttitor nisi lectus fermentum lectus. Quisque tristique, lectus in tristique tristique, urna sapien venenatis lacus, ut interdum nunc urna sit amet lacus. Mauris scelerisque suscipit risus, ut sodales quam fermentum sit amet. Vivamus non egestas ligula. In mattis, nibh et convallis sollicitudin, enim urna ultrices elit, vel imperdiet ante tellus nec metus. Vestibulum ac ligula vitae neque tincidunt auctor nec vitae risus. Cras dui dolor, congue at dictum volutpat, eleifend vitae dui. Duis et libero eu eros pharetra semper. Curabitur dictum suscipit sem, vel pretium neque pharetra in. Donec eget justo felis, hendrerit fermentum est. Integer dui nisl, congue vel accumsan nec, pretium vitae metus. In congue nibh sit amet leo mattis nec molestie orci lobortis. Vivamus ut lectus non odio congue bibendum. Nulla at lacus ac ante suscipit condimentum eget a risus. In aliquet lacus nec risus adipiscing ac molestie nisi scelerisque. Etiam scelerisque dui ut dolor vulputate vulputate.

edit: omg that's great thanks!!!

[Chippiewill]

[IMG=left]http://www.habboxforum.com/customavatars/avatar45160_5.gif[/IMG]It works, however when using spoilers it goes right through it!

Someone hasn't thought about the width of "bbcode_container" properly, I'm not entirely sure on the top of my head how to fix it though since the images is aligned by floating it. I might have a quick fiddle around to see if it's easily fixable.

Edit: If matt or whoever is fairly competant with html then they can read
http://www.complexspiral.com/publica...aining-floats/

whilst david isn't here.

edit2: sticking:
<hr style="display: block; clear: left; margin: -0.66em 0;
visibility: hidden;">
prior to bbcode containers then it should prevent floats extending into them. I'm fairly certain there's a way to incorperate this just on quote divs.

Edit3:

Matt, add "display: block; clear: left;" to the style info for bbcode_quote, fixes the problem.

[Chippiewill]

(Ran out of edit time) correction that should be:
display: block; clear: both;
otherwise it won't fix right aligned images.

[Chippiewill]

Alternatively stick
overflow: hidden;
inside "bbcode_container" if you want the quote to flow AROUND the image instead of being forced below it.

[xxMATTGxx]

Alternatively stick
overflow: hidden;
inside "bbcode_container" if you want the quote to flow AROUND the image instead of being forced below it.

Cheers, I've just added that to the Site Skin 2011 - Will do it to the rest of the styles in a minute if it's all good.