Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Ламерские вопросы » Проблема с блоками DIV

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


     04.12.2012    Все вопросы » Ламерские вопросы    1755

вопрос
Съезжают блоки 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
Юзер

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

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

ПафНутиЙ
Админ

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

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

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

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

boltuk
Юзер

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

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

Dymatize
Юзер.

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;}
Так ведь почище будет))
зы. Паша привет)

ПафНутиЙ
Админ

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

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

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

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

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

наверх