|
Масштабирование шапки форума
|
|
| Minada | Дата: 11 Января 2009, 15:56 | Сообщение # 1 |  ● ● ● ● ● 29 сообщений Статус: Offline | Добрый день.
Возник такой вопрос.Хочу поставить на шапку картинку.Одну и большую.Сейчас она размера 1300*300.
Но очень хотелось бы,чтобы она не у всех пользователей была такого размера (все таки разрешение экрана,как и сами экраны у всех разные),а масштабировалась под разрешение экрана пользователей.
Просто у пользователей с размером экрана 15 дюймов на экран выводиться только чуть ли не половина картинки,а чтобы посмотреть оставшуюся часть,им приходиться делать промотку вправо.Аналогично у владельцев мониторов 22 дюйма картинка занимает только половину страницы,а остальное место справа просто пустует....как сделать так,чтобы картинка масштабировалась нужным образом и у каждого п ользователя отображалась корректно и ровно входила в границы экрана? | | |
|
| Fluder | Дата: 11 Января 2009, 16:27 | Сообщение # 2 |  ● ● ● ● ● 705 сообщений Статус: Offline | Minada, ставь на фон эту картинку... | | |
|
| Minada | Отредактировал Minada - Воскресенье, 11 Января 2009, 17:53 Дата: 11 Января 2009, 17:51 | Сообщение # 3 | ● ● ● ● ● 29 сообщений Статус: Offline | | | |
|
| Selker | Дата: 11 Января 2009, 20:04 | Сообщение # 4 |  ● ● ● ● ● 145 сообщений Статус: Offline | Minada, это делается так:
Code <td style="background-image:url('http://site.ru/img.jpg');background-position:center;width:100%;"> | | |
|
| Minada | Дата: 11 Января 2009, 20:24 | Сообщение # 5 | ● ● ● ● ● 29 сообщений Статус: Offline | Selker, а куда конкретно это нужно вставить?  Просто у меня почему-то не срабатывает....Проверила,на разрешении 800*600 действительно вправо не нужно прокручивать,часть шапки (правая) просто отрезалась....На максимальном разрешении пустое место справа так и осталось.... | | |
|
| mob_dp | Дата: 11 Января 2009, 21:26 | Сообщение # 6 | ● ● ● ● ● 4112 сообщений Статус: Offline | Selker, вот только width:100%; скореей всего подействует на объект td а не на background | | |
|
| Fluder | Дата: 12 Января 2009, 02:01 | Сообщение # 7 | ● ● ● ● ● 705 сообщений Статус: Offline | Minada, это ячейка таблицы.... делаешь её ширину 100% она растягивается по всему экрану. На фон ставишь картинку с большим разрешением.... у кого больше разрешение, тот и видет большую часть картинки и страница не прокручивается в право.... тебе это надо?...
дай мне код верхней часть страницы где у тебя шапка... я тебе помогу. | | |
|
| mob_dp | Дата: 12 Января 2009, 02:06 | Сообщение # 8 | ● ● ● ● ● 4112 сообщений Статус: Offline | Я вот буду верстать дизайн для одного сайта, графику мне вобщем то дают.
Тоже думал над шапкой. В итоге решили шапку разбить на 3 отдельные части и наложить друг на друга (бекграунд, картинка слева, надпись).
Если у пользователя 22" и разрешение 1650*хз, то будем скриптом ширину брать и заменять бекграунд шапки. Вот так, по другому врядли. Либо одни нормальную шапку, а другие полный бред, либо другие увидят целиком, а первые половину. Можно вообще сделать 4 шапки и ставить в зависимости от текущего разрешения. | | |
|
| Selker | Отредактировал Selker - Понедельник, 12 Января 2009, 10:31 Дата: 12 Января 2009, 10:30 | Сообщение # 9 | ● ● ● ● ● 145 сообщений Статус: Offline | В итоге решили шапку разбить на 3 отдельные части и наложить друг на друга (бекграунд, картинка слева, надпись).
подерживаю. если руки когда-нибудь дойдут до редизайна, то сделаю так же 
Вот так, по другому врядли. Либо одни нормальную шапку, а другие полный бред, либо другие увидят целиком, а первые половину.
а вот это, по-моему, неверно.
Code <td style="text-align:center;width:'100%';"><img src="http://site.ru/img.jpg" width="100%" border="0"></td>
картинка будет ужиматься. должна, по крайней мере. | | |
|
| Бармалей | Дата: 12 Января 2009, 10:49 | Сообщение # 10 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | а на мониторе 22" будет растягиваться и выглядеть *не хочень хорошо*
 | | |
|
| Selker | Дата: 12 Января 2009, 11:16 | Сообщение # 11 | ● ● ● ● ● 145 сообщений Статус: Offline | а на мониторе 22" будет растягиваться и выглядеть *не хочень хорошо*
а для 22х-дюймовых -
скриптом ширину брать и заменять бекграунд шапки | | |
|
| }{0тт@бь)ч | Дата: 12 Января 2009, 12:39 | Сообщение # 12 | ● ● ● ● ● 1089 сообщений Статус: Offline | Quote картинка будет ужиматься а на мониторе 22" будет растягиваться и выглядеть *не хочень хорошо*
надо картинку 4000* по ширине  | | |
|
| mob_dp | Дата: 12 Января 2009, 23:59 | Сообщение # 13 | ● ● ● ● ● 4112 сообщений Статус: Offline | }{0тт@бь)ч, надо максимум 1650. | | |
|
| Minada | Дата: 05 Февраля 2009, 19:11 | Сообщение # 14 | ● ● ● ● ● 29 сообщений Статус: Offline | Selker, ваш вариант работает!!!Просто супер!!!
Про нарезание картинки на три части я знала,просто у меня не такая шапка,которую бы можно было бы разрезать корректно.... | | |
|
| }{0тт@бь)ч | Дата: 05 Февраля 2009, 19:24 | Сообщение # 15 | ● ● ● ● ● 1089 сообщений Статус: Offline | Minada, width=100%Добавлено (05 Февраль 2009, 19:24)
---------------------------------------------
чёрт, а на эту тему ужеь был ответ | | |
|
| Xander_Callahan | Дата: 19 Ноября 2009, 14:00 | Сообщение # 16 | ● ● ● ● ● 1 сообщение Статус: Offline | Люди, таже самая проблема, попробовал вставить то что написал Selker, но ничего не получилось, скажите как???!!!   | | |
|
| Infamous | Дата: 19 Ноября 2009, 14:03 | Сообщение # 17 |  ● ● ● ● ● 1670 сообщений Статус: Offline | Quote ( Xander_Callahan →) cпустя 286 дней  | | |
|
| IGameRI | Дата: 19 Ноября 2009, 15:00 | Сообщение # 18 | ● ● ● ● ● 124 сообщения Статус: Offline | а не легче через js сделать чтобы считывало разрешение экрана и сделать разные размеры шапок? | | |
|
