PDA

View Full Version : Image align problem (html)


Scandal
10-18-2011, 11:36 AM
I have set the following custom bbcode on my site (), for image align left to text.
<img src="{param}" style="float: left; padding: 3px;" />

But on vBulletin Blog description, if it has an image with align left, I have this (http://img11.imageshack.us/img11/4917/31689239.png)problem on layout.
A normal appearance would be this (http://img217.imageshack.us/img217/365/84899706.png)(fake screenshot).

How to change the bbcode code to fix the problem?

Thanks in advance,
-peter

kh99
10-18-2011, 11:59 AM
Someone else might have a better solution, but what I did was define a "clear" bbcode like this:

<div style="clear: both;"></div>

Then if you're done with text that you want to wrap you can insert . I suppose you could also edit the postbit or postbit_legacy to insert <div style="clear: both;"></div> (or add that style to an existing div) to make sure the postbit doesn't wrap.

Frosty
10-18-2011, 12:02 PM
Have you tried adding "clear:left" ?

Scandal
10-18-2011, 02:57 PM
Thanks! With your comments I fix it!
On template BLOG, I find:
<!-- Description -->
<if condition="$blogheader['description']">
<div id="blog_description">$blogheader[description]</div>
</if>
<!-- End Description -->
And I add:
<!-- Description -->
<if condition="$blogheader['description']">
<table style="clear: both;"><tr><td>
<div id="blog_description">$blogheader[description]</div>
</td></tr></table>
</if>
<!-- End Description -->