Это MWEB.RU

**Василий** Вт фев 12, 2008 20:26

на сайте www.strongholders.narod.ru есть шапка, введная тегом

Код: Выделить всё: <img src="img\shapka.gif" align="center" height="100%" width="100%"/>

при открытии в полном окне браузера, рисунок искажется. Мне интересно, как можно убрать эту проблему?

**Skay** Вт фев 12, 2008 20:34

задать абсолютные параметры=) например, реальный размер картинки, а не 100%/100%

**Василий** Вт фев 12, 2008 21:18

хм не удобно это будет, сайт почти целиком основан на масштабируемых параметрах. Если я сделаю фиксированые размеры фона это полностью разрушит дизайн сайта.

**Padonak** Вт фев 12, 2008 21:43

**Muerto** Вт фев 12, 2008 23:18

Слэши то зачем обратные?! -08-

Придётся тебе мудрить с картинкой. Что-то делать фоном, что-то помещать картинкой и позиционировать. Или скрипт писать, который в зависимости от размеров окна выставляет размеры картинки.

**Василий** Вт фев 12, 2008 23:23

Неужели простое изображение в конечном случае выдает столько проблем, да. А возможно, чтобы картинка предварительно загружалась, а уж потом выставлялась с правильными параметрами, и вообще не понимаю, с чем связано такое поведение. Может ли в этом случае помочь Table background? В процнтном соотношении

**Muerto** Ср фев 13, 2008 0:28

Выставить параметры после загрузки можно скриптом (я об этом писал). Бэкграунд для масштабирования тебе в данном случае может помочь только дублированием и центрированием фона на котором будут картинки переднего плана.
У тебя PSDшник шапки есть - я тебе сделаю чтобы понял.

**Berezkin** Ср фев 13, 2008 10:55

2Василий: Покажи картинку хоть. Может и не надо вовсе с ней так извращаццо.

**Muerto** Ср фев 13, 2008 11:04

2Berezkin:

**ORC** Ср фев 13, 2008 19:41

сделай фиксированный размер картинки. разрежь её допустим на три части.

две из которых будут текстуры т.е. растягиваются при помощи background. а середину ты собственно вырезаешь отдельной картинкой.

грубо говоря схема шапки выглядит так:
<-текстура (background height100%) crusader(img) текстура(background height100%) ->

главное правильно выбрать эти два участка которы бы растягивались. т.е. можно даже так:

стражник(img) текстура(background height100%) crusader(img) текстура(background height100%) стражник(img)

т.е. ты разрезаешь картинку на несколько частей - что то делаешь фоном что то фиксированной картинкой
надеюсь понятно объяснил -16-

**Василий** Ср фев 13, 2008 22:20

а можно код подробней пожалуйста,

Есть ли какой нибуть java script, который предварительно загружает картинку а затем уже показывает,по идее должно саботать

**Berezkin** Чт фев 14, 2008 10:39

2Василий: Сделай лучше как ORC советует.

Я бы вырезал стражника
Потом вырезал одну колонну с флагом
Чуть-чуть подработал в фотошопе стену за колонной (чтоб соединялась нормально)
И вырезать надпись-логотип

Колонна с флагом у тебя будет размножаться на бекграунде, а остальные картинки будут поверх. Рамку размножить вообще элементарно...

**Muerto** Чт фев 14, 2008 11:14

Ну, допустим так:

Код: Выделить всё: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> body {margin:0; padding:0;} </style> <script type="text/javascript"> function resize() { var x; if (self.innerHeight) { x = self.innerWidth; } else if (document.documentElement && document.documentElement.clientHeight) { x = document.documentElement.clientWidth; } else if (document.body) { x = document.body.clientWidth; } document.getElementById("hdr").style.width = x + "px"; document.getElementById("hdr").style.height = x*336/1280 + "px"; } </script> </head> <body onresize="resize();"> <img src="shapka.gif" width="1280" height="336" alt="" id="hdr" onLoad="resize()" /> </body> </html>

Только всё равно ерунда получается. Мой тебе совет - сделай фигурки крестоносцев и надпись отдельными картинками с полупрозрачностью. Остальное фоном.

**Василий** Чт фев 14, 2008 20:45

видимо так и придется сделать, спасибо только могли бы кинуть код, которым работать придется

Это MWEB.RU

проблемы изображений

проблемы изображений

Кто сейчас на конференции