вопрос
Съезжают блоки DIV. Когда делаю все доп. поля в одном , картинка съезжает далеко вправо.
Подскажите как сделать, что бы блоки шли до заданной ширины, а потом автоматом последующие передвигались на новую строку. Спасибо.
Код, выводящий эти блоки:
А вот код дополнительного поля:
Подскажите как сделать, что бы блоки шли до заданной ширины, а потом автоматом последующие передвигались на новую строку. Спасибо.
Код, выводящий эти блоки:
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left">[xfgiven_1][xfvalue_1][/xfgiven_1]</td>
<td align="left">[xfgiven_2][xfvalue_2][/xfgiven_2]</td>
<td align="left">[xfgiven_3][xfvalue_3][/xfgiven_3]</td>
<td align="left">[xfgiven_4][xfvalue_4][/xfgiven_4]</td>
<td align="left">[xfgiven_5][xfvalue_5][/xfgiven_5]</td>
<td align="left">[xfgiven_6][xfvalue_6][/xfgiven_6]</td>
</tr>
<tr><td align="left">[xfgiven_7][xfvalue_7][/xfgiven_7]</td>
<td align="left">[xfgiven_8][xfvalue_8][/xfgiven_8]</td></tr>
</table>
А вот код дополнительного поля:
<div style="padding: 0 4px 0 0"><div style="padding: 1px 2px 2px 2px; border:1px solid #E8E8E8; font-family:Tahoma; font-size:10px; width:49px; text-align:center"><font color="#D96100">привет</font></div></div>
<div>
<div class="fleft">[xfgiven_1][xfvalue_1][/xfgiven_1]</div>
<div class="fleft">[xfgiven_2][xfvalue_2][/xfgiven_2]</div>
<div class="fleft">[xfgiven_3][xfvalue_3][/xfgiven_3]</div>
<div class="fleft">[xfgiven_4][xfvalue_4][/xfgiven_4]</div>
<div class="fleft">[xfgiven_5][xfvalue_5][/xfgiven_5]</div>
<div class="fleft">[xfgiven_6][xfvalue_6][/xfgiven_6]</div>
</div>
<div>
<div class="fleft">[xfgiven_7][xfvalue_7][/xfgiven_7]</div>
<div class="fleft">[xfgiven_8][xfvalue_8][/xfgiven_8]</div>
</div>
В css прописать:
.fleft {float: left;}