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



 

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

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

Открыть тему
Тема закрыта
> прототипирование Div
stinger_hb
stinger_hb
Topic Starter сообщение 14.10.2014, 1:17; Ответить: stinger_hb
Сообщение #1


Здравствуйте!

Скажите, насколько реально такое реализовать:

Нужно получить на выходе набор DIV блоков (см пример вложение).
Элементы и функционал скрипта следующий:

1. Элемент добавить блок
2. При создании блока, можно изменить размер по высоте и ширине
3. Центрирование блоков по левой стороне
4. Если длина блока не помещается, она уходит на следующую строку
5. Если первый левый блок по высоте 50 и ширине 50%, то в одну строку могут войти 2 блока по 25 и 50% ширины.
6. Если стоят 2 блока по высоте 25 и ширине 50%, то в правой части в этой же строке можно поместить блок 50 по высоте и 50% по ширине. Итоговая высота должна составлять 50.
7. Не использовать позиционирование, нужно решить задачу с помощью высоты и ширины.
8. Не использовать вложенность блоков.

Я не справился с 6 пунктом.
Если задача сложная, предложите свое решение.

[IMG]http://smages.com/images/demofjf.png[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 14.10.2014, 2:31; Ответить: Arks
Сообщение #2


2. При создании блока, можно изменить размер по высоте и ширине
4. Если длина блока не помещается, она уходит на следующую строку

float:left, чо думать.

По остальным пунктам: В web высоты блоков нет и не будет. Я где-то уже это на данном форме разжевывал почему и как именно это исторически сложилось и почему оно имеет "производительные" основания а не хотелки "мего-css-верстальщиков" под собой, но если Вы думаете что умнее всех и есть какой-то супер-хак, заблуждаетесь. Для одного браузера придумаете чудо-хак прокорпев 3 недели - в другом верстка поедет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stinger_hb
stinger_hb
Topic Starter сообщение 14.10.2014, 9:35; Ответить: stinger_hb
Сообщение #3


floal:left да, он идеально мог бы подойти.
Результат:
[IMG]http://s014.radikal.ru/i329/1410/d0/4edd6c974c5b.png[/IMG]
Какой еще может быть вариант не приложу ума.

(Arks @ 14.10.2014, 05:31) *
2. При создании блока, можно изменить размер по высоте и ширине
4. Если длина блока не помещается, она уходит на следующую строку

float:left, чо думать.

По остальным пунктам: В web высоты блоков нет и не будет. Я где-то уже это на данном форме разжевывал почему и как именно это исторически сложилось и почему оно имеет "производительные" основания а не хотелки "мего-css-верстальщиков" под собой, но если Вы думаете что умнее всех и есть какой-то супер-хак, заблуждаетесь. Для одного браузера придумаете чудо-хак прокорпев 3 недели - в другом верстка поедет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 15.10.2014, 15:52; Ответить: Degradator
Сообщение #4


Чего-то я не понимаю сути проблемы. прототипирование Div - Это вобще что? Если это делать через js, то это решается за 10 минут, без использования js фреймворков.
Делать как-то так
Element.prototype.setBackground = function(){
this.style['background-color'] = 'red';
}
document.body.setBackground();
Только не бекграунд, а clear и float использовать. Но для этого решения придется использовать напрягать мозг, и ничего кроме геморроя не получиться. Делайте через позиционирование.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ
0 bunneh 323 16.4.2024, 18:02
автор: bunneh
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1594 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5465 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6930 17.4.2016, 17:45
автор: -serj123-
Открытая тема (нет новых ответов) Как заставить отображать несколько элементов DIV в одну строку?
2 Aalena 4014 10.1.2016, 10:18
автор: -Aalena-


 



RSS Текстовая версия Сейчас: 19.4.2024, 14:45
Дизайн