[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Автопозиционирование нового div
phpinfo
Всем привет.
Вообщем столкнулся с задачей,

К примеру у нас есть

<div style="width:183px; float:left; background-color:#ffe6be;">TABL1</div>
<div style="width:183px; background-color:#ffe6be; float:left;">TABL2</div>
<div style="width:183px; float:left; background-color:#ffe6be;">TABL3</div>

Сдесь ширина заданна пользователем. 183

Задача -

При добовлении нового дива кодом остальные смещаються в лево к примеру

Т.е если я буду добавлять див кодом остальные будут смещаться в итоге к примеру на общей
ширине 800px они будут смещаться

Как это возможно сделать ?

sergeiss
Цитата (phpinfo @ 18.12.2013 - 13:25)
Как это возможно сделать ?

Для начала "нарисуй" ту страницу, которую хочешь в итоге получить. Тогда будет понятно, куда именно добавлять новый ДИВ.
В данный момент твоя фраза "буду добавлять новый див" ни о чем не говорит, т.к. если ты неправильно его вставишь, то и результата правильного не будет.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
phpinfo
Вообщем вот сделал картинку

user posted image

Получаеться я кодом генерирую див в который помещаеться текст

Но дивы не должны рабегаться и так далее к примеру ширина общего дива 800пх

То к примеру при добовлении текста

Верхний див и нижний должны быть на одном уровне к примеру

Title1
TExt1
sergeiss
Это ты нарисовал отдельные объекты. А ты сделай для них ДИВ-контейнер и вставляй его в начале. Например, можешь использовать jQuery http://api.jquery.com/insertBefore/
А уже внутри контейнера располагай объекты так, как тебе нужно.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
phpinfo
Вообщем пока ковыряюсь но вроде это не то что мне нужно... а может и то..

Вообщем я пытаюсь сделать так что бы когда я добовлял новый див он вставал в колонку рядом стоящими и орентировался на размер остальных, ну к примеру мы имеем общим див 800px
Внего могут влезьть только 4 дива по 200px шириной

А мне нужно к примеру так, в общий див 800px я добовляю див и он встановиться рядом с другим дивом, добовляю еще один и он становиться еще рядом а потом если нет места, остальные начинают сжиматься но при этом не коверкая текст как бы, т.е что то на подобии резины в общем диве... но как такое сделать.. просто так получаеться мне нужно все время руками настраивать размеры а так опа и он сам встроился в колонку

Вот к примеру у меня есть массив



<?
$text_arr=array("title1","title2","title3","title4","title5","title6","title7","title8");
for ($i=0;$i<count($text_arr);$i++)
{

$title = $text_arr[$i];

echo "$title<br>";
}


?>

Как мне его вывести в общем диве 800px равномерно как на картинке ?

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



user posted image

К примеру

TITLE 1 - будет текст ПРИВЕТ

TEXT1 - БУДЕТ ЦИФРА - 22


дивы будут разными ! по ширине

к примеру синий див с тектом ПРИВЕТ будет шире чем карсныд див ниже с цифрой 22

А мне нужно было сделать так, что бы и тот и тот были одинаковые.. т.е нижный красный див подстраивался под размеры верхнего дива

Ну я думаю вы поняли smile.gif
posy
echo "$title" - вы так пытаетесь вывести див?
До цикла открываем контейнер, в цикле выводим дивы и правим их цсс, закрываем контейнер
Пока вы вывели только значение. Теперь это значие обрамить дивами.
А проще в контейнер засунуть таблицу.

_____________
[Подпись удалена модератором]
AllesKlar
Еще не плохо было бы отделить мух от котлет.
У меня складывается ощущение, что ТС пытается вставить новый див посредством php в уже загруженную страницу.

posy
Цитата
в цикле выводим дивы и правим их цсс

Если речь таки идет о php, то не правим css, а генерируем, т.к. нечего еще править, php еще не "выплюнул" html в браузер.

Автор, опиши задачу пошагово, что и на каком этапе у тебя должно происходить.

_____________
[продано копирайтерам]
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.