X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Маштабируемые DIV'ы
I-Trap
I-Trap
Topic Starter сообщение 21.11.2009, 22:31; Ответить: I-Trap
Сообщение #1


Привет, такая задачка.

Есть объекты, грубо говоря - прямоугольники. Задан общий размер области допустим 900 пикселей ширина (высота не имеет значения).
Есть скрипт на РНР, который выводит в зависимости от количества чисел в базе необходимое число наших прямоугольников в одну строку.

Так вот нужно чтобы ширина прямоугольников была 900 в общей сумме, то есть не важно сколько прямоугольников мы получим из РНР скрипта, общая их ширина должна быть равна 900, соответственно, чем больше прямоугольников, тем меньше ширина каждого из них.

Подскажите пожалуйста как это реализовать, в дивах я не силен, а нужно именно ДИВами, таблицами данный вариант я уже сделал...
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 21.11.2009, 22:38; Ответить: alexdrob
Сообщение #2


как вариант
<div style="float:left;width:ШИРИНАpx;">few</div>


где ШИРИНА считается в пхп при выводе

[PHP] $width=(int)(900/количество);[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
I-Trap
I-Trap
Topic Starter сообщение 21.11.2009, 22:43; Ответить: I-Trap
Сообщение #3


ну да попробую спасибо
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
I-Trap
I-Trap
Topic Starter сообщение 21.11.2009, 22:54; Ответить: I-Trap
Сообщение #4


Эх блин беда в том что при данном коде они выстраиваются в столбик а мне нужно распределить их по ширине, на одной линии - горизонтально.
display:inline; - не помогает, так как с ним перестает работать width:ШИРИНАpx; и все дивы уменьшаются по ширине до размера их внутреннего текста
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 21.11.2009, 23:15; Ответить: Webmaster_hb
Сообщение #5


float:left вы не забыли указать ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Dmali
Dmali
сообщение 21.11.2009, 23:20; Ответить: Dmali
Сообщение #6


Вот с этим поэксперементируй
<div style="padding:5px 5px 5px 5px;width:900px;">few</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 21.11.2009, 23:36; Ответить: alexdrob
Сообщение #7


(Dmali @ 22.11.2009, 01:20) *
Вот с этим поэксперементируй
<div style="padding:5px 5px 5px 5px;width:900px;">few</div>


это точно не спасёт, просто float скорей всего не указан

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1604 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5465 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6931 17.4.2016, 17:45
автор: -serj123-
Открытая тема (нет новых ответов) Как заставить отображать несколько элементов DIV в одну строку?
2 Aalena 4027 10.1.2016, 10:18
автор: -Aalena-
Открытая тема (нет новых ответов) Фоны в в div'ах расходятся при сужении экрана
1 Balalaaika1 5639 2.6.2015, 19:35
автор: -Degradator-


 



RSS Текстовая версия Сейчас: 25.4.2024, 16:48
Дизайн