Помощник
|
Вопрос по html |
Minato
|
Сообщение
#1
|
||
|
|
||
|
|||
kronos |
13.12.2010, 22:47;
Ответить: kronos
Сообщение
#2
|
|
Не понял ничего. Со скриншотами и собственно HTML пожалуйста.
-------------------- |
|
|
Minato
|
Сообщение
#3
|
|
Начну с того, что моя шапка состоит из 3-ёх частей: Фона + 2 картинки, которые накладываются слева и справа.
Код шапок в ксс. .header_fon {height:196px;background:url('/img/15.png') no-repeat top center;width:100%;padding:0px;border:0px;} .header-left {height:228px;width:274px;background:url('/img/ChristmasNaruto2.png') no-repeat top left;} .header-right {width:274px;height:228px;background:url('/img/header-right1.png') no-repeat;position:absolute;right:0px;top:10px;} Код вывода: <table cellpadding="0" cellspacing="0" border="0" width="100%" class="header_fon"><tr> <td align="left" class="header-left"></td><td align="right" class="header-right"></td></tr></table> Вот вся шапка: А вот как она выводится с разрешением 1024х768 http://savepic.ru/2007927.png Проблема в том, что шапка не растягивается, как мне нужно. То есть, в зависимости от разрешения экрана пользователя, она выводит некоторую часть шапки, вроде начиная от середины. забыл уточнить, делаю шапку только из фона, левого и правого накладываемого изображения не будет. -------------------- |
|
|
kronos |
13.12.2010, 23:00;
Ответить: kronos
Сообщение
#4
|
|
ну тогда надо вставить картинкой, и дать ей width: 100%; но я не представляю что это будет. Растянутая и некачественная.
-------------------- |
|
|
lostprophet |
13.12.2010, 23:08;
Ответить: lostprophet
Сообщение
#5
|
|
Или найти подходящее изображение, которое можно растянуть или скопировать много раз по оси x...
-------------------- |
|
|
Minato
|
Сообщение
#6
|
|
kronos, примерно представил, но думаю это не подойдет.
lostprophet, а ваше сообщение мне ничего не дало, уж не шарю я в этом. Но это же в других шаблонах как-то реализуется... -------------------- |
|
|
Basilus |
13.12.2010, 23:19;
Ответить: Basilus
Сообщение
#7
|
|
Или найти подходящее изображение, которое можно растянуть или скопировать много раз по оси x... +1 так будет лучше, можно просто фон подобрать похожего цвета, а данная пикча в шапке пусть будет по центру -------------------- Женская жизнь - сайт для девушек |
|
|
lostprophet |
13.12.2010, 23:23;
Ответить: lostprophet
Сообщение
#8
|
|
|
Очень жаль, но попробую еще раз.
Берем кусочек фона, который будет копироваться по оси X, для таблицы или для ячейки (td) пишем width: 100%; background: url(.../путь_к_файлу) repeat-x; Получаем растягивающуюся по всей ширине браузера таблицу с фоновым изображением, которое копируется. Стоит ли говорить, что изображение которое будет копироваться должно быть максимально простым, чтобы при составлении границ не было перепадов и оно подходило под стиль картинки, чтобы она не выделялась. А в таблицу вставляем уже картинку с логотипом и прочим, либо с помощью div и background выводим нужное изображение. В принципе, все. Второй вариант. Делаем максимальное изображение шириной 1920PX (или 100500px, если хотите большее разрешение). Сносим все. что там находится в таблице и таблицу тоже. Пишем <div style="width: 100%; height: высота_картинки px; background: url(.../путь_к_файлу) repeat-x top center;"></div> Самый простой и быстрый способ, однако, может быть просто неправильным, если в шапку нужно положить еще картинки или ссылки. Можно использовать комбинацию из слоев, задавать им позиционирование и так далее. Можно обратиться к человеку, который в этом понимает. Вариантов куча.
Сообщение отредактировал lostprophet - 13.12.2010, 23:30 -------------------- |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Вёрстка HTML-писем | 30 | Vampler | 29361 | 27.3.2024, 12:41 автор: Vampler |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3461 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3401 | 19.12.2023, 18:55 автор: CULA |
|
Залить html страницу на 20 доменов | 6 | TABAK | 1705 | 22.5.2023, 16:24 автор: KORUP |
|
Сделать правки на html-странице | 5 | TABAK | 2303 | 20.5.2023, 10:45 автор: EvilGomel |
Текстовая версия | Сейчас: 20.4.2024, 4:43 |