Не нравятся результаты поиска? Попробуйте другой поиск!

Проблема с блоками DIV


     04.12.2012    Ламерские вопросы    1486

вопрос
Съезжают блоки DIV. Когда делаю все доп. поля в одном , картинка съезжает далеко вправо.
Подскажите как сделать, что бы блоки шли до заданной ширины, а потом автоматом последующие передвигались на новую строку. Спасибо.
Проблема с блоками 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;}

Комментарии пользователей (5)

boltuk
32 | 9

boltuk - 4 декабря 2012 22:12 - Юзер

У меня при добавлении новости стоит выбор или показывать блок див с надписью или нет. К примеру в друг он последний и пользователь выставил в доп поле скрывать, а в нижней колонке показывать, получается будет не пропорционально. Подскажите как сделать, что бы они все шли друг за другом, но при достижении заданной ширины, последующий блок переносился на новую строку.

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 4 декабря 2012 22:52 - Админ

КЭП говорит, что нужно задать ширину тому блоку, который оборачивает блоки, которые должны
Цитата: boltuk
шли друг за другом, но при достижении заданной ширины, последующий блок переносился на новую строку.

P.S. читайте сообщения перед тем как отправлять - я только с третьего прочтения понял и смог связать слова между собой.

Каков вопрос - таков и ответ. Просто помните об этом.

boltuk
32 | 9

boltuk - 4 декабря 2012 23:13 - Юзер

Прошу прощения. Спасибо большое за помощь. Все получилось. Еще раз приношу извинения за мои глупые посты.

Dymatize
6

111 | 104

Dymatize - 5 декабря 2012 21:11 - Юзер.

<div class="fleft">
<div>[xfgiven_1][xfvalue_1][/xfgiven_1]</div>
<div>[xfgiven_2][xfvalue_2][/xfgiven_2]</div>
<div>[xfgiven_3][xfvalue_3][/xfgiven_3]</div>
<div>[xfgiven_4][xfvalue_4][/xfgiven_4]</div>
<div>[xfgiven_5][xfvalue_5][/xfgiven_5]</div>
<div>[xfgiven_6][xfvalue_6][/xfgiven_6]</div>
</div>


<div class="fleft">
<div>[xfgiven_7][xfvalue_7][/xfgiven_7]</div>
<div>[xfgiven_8][xfvalue_8][/xfgiven_8]</div>
</div>


В css прописать:
.fleft div {float: left;}
Так ведь почище будет))
зы. Паша привет)

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 5 декабря 2012 21:30 - Админ

привет. Да так правильнее будет)

Каков вопрос - таков и ответ. Просто помните об этом.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы