![]() |
0 Всего найдено: 25
dudim
Сообщение
17/03/2011 20:08
Копия темы
Задачка для мозга верстальщика ) Сегодня мне в руки попал макет, который нужно сверстать. Его показывать пока нельзя, но схематично я набросал такой же. Проблема стала в том, что высота красного блока зависит от контента в нем, а ниже начинается белый, причем такой ширины, где заканчивается красный фон внизу красного блока. Фон (кораблики) может меняться, поэтому сверху ничего накладывать нельзя. Я справился с этой задачей (4 строчки простого js-кода), хочу послушать ваши варианты и после расскажу как сделал я.
rim89
Сообщение
17/03/2011 20:17
Копия темы
текст что на белом фоне, я так понимаю, должен тоже автоматически уменьшаться по ширине ?
trolev
Сообщение
17/03/2011 20:21
Копия темы
А что если верхнему блоку поставить фон с позицианированием по нижнему краю, а белому наоборот по верхнему? п.с. до конца не продумал, сказал первое что пришло
maksim000
Сообщение
17/03/2011 20:26
Копия темы
Может что-то такое спасёт Опять нарисовали чёрт-те чё, мучайся потом :(
gibigate
Сообщение
17/03/2011 20:43
Копия темы
а с ишаками как быть тогда? А что насчет картинки right И див с параметром overflow:hidden
maksim000
Сообщение
17/03/2011 20:46
Копия темы
А оно (простые фигуры по крайней мере) вроде везде поддерживается, там же границы только, никакого CSS3
artvento
Сообщение
17/03/2011 20:53
Копия темы
Спасибо за ссылочку надо попробовать сделать такое (как-то ещё не приходилось)
maksim000
Сообщение
17/03/2011 20:59
Копия темы
Вы на картинке ТС круглые элементы видели? :) Старые ие не поддерживают border-radius, но им можно вправить мозги
timm2
Сообщение
17/03/2011 21:01
Копия темы
Я в таких случаях говорю дизайнеру, что он не дружит с головой. Данная задача не имеет ни одного логического решения. Если делать динамику, то делать её нормальной. А что будет с примером, если вверху будет строчек 15?
unart
Сообщение
17/03/2011 21:05
Копия темы
делаем 2 блока (белый и красный) в полную высоту и абсолютно одинаковыми, т.е от самой широкой верхней части к допустимо узкой. Через js считаем высоту красного и берем это за переменную. В итоге высоту красного берем за смещение фона вверх у белого. Профит. А потом отрываем руки дизайнеру.
X-TRAZ
Сообщение
18/03/2011 05:25
Копия темы
считаем процентное отношение изменения размера красного блока, во столько же увеличиваем белый, обрезаем лишнее профит
dudim
Сообщение
18/03/2011 05:59
Копия темы
В первый раз после школы мне пригодились знания геометрии ) Узнаем высоту красного блока через js и умножаем на tg(A), я в своем случае подобрал это значение методом подбора, транспортира под рукой не оказалось ) Затем из ширины красного блока отнимаем полученное значение и получаем ширину белого блока. Собственно все на картинке.
artvento
Сообщение
18/03/2011 13:28
Копия темы
а как же получился скос в прямоугольнике? я просто думал, что Вы делали с помощью CSS http://www.free-lance.ru/blogs/view.php?tr=625817&openlevel=6558418&ord=#o6 558418
artvento
Сообщение
19/03/2011 16:26
Копия темы
а с помощью CSS не пробовали? ;) там поинтереснее будет угол рассчитывать..
dudim
Сообщение
19/03/2011 17:00
Копия темы
не пробовал и думаю что одним css тут в любом случае не обойтись.
artvento
Сообщение
19/03/2011 17:48
Копия темы
0
да, тут наверно единственная проблема добиться прозрачности в определенном месте.. Но надо будет как-нибудь попробовать. |
Выразить восторг, поругаться или предложить что-нибудь можно на форуме |
Для обсуждения этого сервиса так же есть темы на фрилансе по поиску , флудотопу ,и по удалённым сообщениям ,и по Актуальным/популярным темам , и по топу "кто кому больше наотвечал" |