![]() |
|
Модераторы: Illuminaty |
![]()
|
|
| BzZzzZzz |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 23.3.2009 Репутация: нет Всего: нет |
Шапка сайта состоит из 3 картинок.
1 2 3 картинка 2 - фиксирована по центру 1 и 3 - прилеплены к краям Возможно ли сделать так, чтобы картинки 1 и 3 были не видны при разрешении меньше 1024, а при расширении экрана постепенно появлялись и оставались прилепленными к краям? |
|||
|
||||
| bars80080 |
|
|||
![]() прапор творюет ![]() ![]() ![]() ![]() Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
можно, если сделать крайние колонки узкие с бэкграундными картинками 1 и 3. колонка 2 фиксированной ширины. при расширении картинки 1 и 3 будут показываться, надо только расположить их соответствующим образом: top right для картинки 1, и top left для картинки 3
|
|||
|
||||
| BzZzzZzz |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 23.3.2009 Репутация: нет Всего: нет |
Мне такой вариант тоже в голову приходил, но разве при нем на 1024 не появится горизонтальная полоса прокрутки? |
|||
|
||||
| ksnk |
|
|||
![]() прохожий ![]() ![]() ![]() ![]() Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
Картинки - не элементы разметки(img), а background .
для пущей демонстрабельности, можно это показать на таблицах:
-------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
|||
|
||||
| BzZzzZzz |
|
||||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 23.3.2009 Репутация: нет Всего: нет |
Если так делать, то при большом разрешении картинки по бокам будет равняться не по краям |
||||
|
|||||
| ksnk |
|
|||
![]() прохожий ![]() ![]() ![]() ![]() Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
BzZzzZzz, Уменя картинки прижаты к центральной ячейке. Если нужно прижать их и краям - нужно поменять 0 0 на right 0 и наоборот...
Это сообщение отредактировал(а) ksnk - 2.4.2009, 20:03 -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
|||
|
||||
| BzZzzZzz |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 23.3.2009 Репутация: нет Всего: нет |
Тогда при маленьком разрешении картинки 1 и 3 будут перекрываться центральной колонкой. Это уже не то) |
|||
|
||||
| ksnk |
|
|||
![]() прохожий ![]() ![]() ![]() ![]() Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
BzZzzZzz, Вот по этому, "умные люди" приклеивают их к центральной ячейке.
Если фон позволяет себя сжимать , то можно в правую-левую ячейки положить <img src="PIC_LEFT_BG" style="width:100%;"> Хотя я плохо представляю себе приличный фон с такими свойствами ... -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
|||
|
||||
| BzZzzZzz |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 23.3.2009 Репутация: нет Всего: нет |
|
|||
|
||||
| BzZzzZzz |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 23.3.2009 Репутация: нет Всего: нет |
up....
|
|||
|
||||
| ksnk |
|
|||
![]() прохожий ![]() ![]() ![]() ![]() Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
чего up-то? Не понятно как себя должна вести эта конструкция, если размеры окна стремительно уменьшаются. Чтобы уменьшить энтропию, предлагаю ограничить минимальные размеры экрана разумным числом. К примеру арифметической суммой ширИн картинок... В конце концов, нету такого дизайна, который одинаково прилично смотрелся бы и на 320px и на 1024 -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
|||
|
||||
| BzZzzZzz |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 23.3.2009 Репутация: нет Всего: нет |
Вот какой должен быть результат. У меня никак не получается его добиться Синий - фикс фон, всегда по центру. Красный и зеленый - всегда по краям. Это сообщение отредактировал(а) BzZzzZzz - 4.4.2009, 18:05 Присоединённый файл ( Кол-во скачиваний: 6 )
Untitled_18.png 5,98 Kb |
|||
|
||||
| ksnk |
|
||||
![]() прохожий ![]() ![]() ![]() ![]() Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
Как-нибудь так... Она правда лагает в FF при изменении размеров экрана , да и в IE тормозит при отрисовке. Добавлено через 8 минут и 40 секунд O! Вот еще с таблицами. Почти без лагов
-------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
||||
|
|||||
| BzZzzZzz |
|
||||||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 23.3.2009 Репутация: нет Всего: нет |
Сейчас получается, что синий перекрывает другие цвета, а нужно чтобы они были над ним, а потом уменьшались. |
||||||
|
|||||||
| ksnk |
|
|||
![]() прохожий ![]() ![]() ![]() ![]() Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
В каком это, интересно месте на той картинке красный и зеленый "над" синим?
-------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
|||
|
||||
![]()
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |