0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 2668 Просмотров

Верстка шапки без таблиц
« : 12.01.2008, 19:42:46 »
У меня такая проблема возникла - не хочу грузить шапку сайта одной картинкой, нужен вариант, когда хедер залит одним фоном, а по нему в нескольких местах разбросаны гифовые изображения с прозрачным фоном. К тому же, нерезаная шапка - дурное тон. :dry:
Когда гружу только одну картинку бекграундом поверх фона - все гуд. Но как грузить несколько в один слой или в несколько? Не знаю. Не хотелось бы делать через таблицы. Можно ли решить эту проблему в CSS с помощью слоев?
Хедер сейчас выглядит так:
Цитировать
#header {
   background: #FF0000 url(../images/kluv1.gif)no-repeat;
   height:220px;
   }
Но добавление следующей картинки сюда же невозможно.Или я ошибаюсь?
*

VETERINAR

  • Давно я тут
  • 855
  • 165 / 14
  • Kiss my shiny metal ass!
Re: Верстка шапки без таблиц
« Ответ #1 : 12.01.2008, 19:59:06 »
Если я правильно понял задачу.

Попробуйте сделать вложенные дивы.


#header {
   background: #FF0000 url(../images/kluv1.gif)no-repeat;
   height:220px;
   }

#header2 {
   background: #FF0000 url(../images/вторая картинка.gif)no-repeat;
   height:220px;
   }

В шаблоне, между тегами <div id="header"></div>, теперь вставте <div id="header2"></div>. Будет так:

<div id="header"><div id="header2"></div></div>

Для второго хедера можно играть с параметрами. Сейчас header2 будет сверху первого хедера. Если нужно наоборот, то вложите наобот.
« Последнее редактирование: 12.01.2008, 20:04:49 от VETERINAR »

Re: Верстка шапки без таблиц
« Ответ #2 : 14.01.2008, 11:30:20 »
Ой спасибо большое!!!Супер.Чувствовала же что все просто.
*

VETERINAR

  • Давно я тут
  • 855
  • 165 / 14
  • Kiss my shiny metal ass!
Re: Верстка шапки без таблиц
« Ответ #3 : 14.01.2008, 12:07:53 »
Ой спасибо большое!!!Супер.Чувствовала же что все просто.

Всё гениальное просто :)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать отступ от шапки сайта?

Автор NAaTa

Ответов: 6
Просмотров: 1258
Последний ответ 22.05.2018, 17:41:24
от NAaTa
CSS для таблиц. Игнорирование стиля

Автор vetali

Ответов: 10
Просмотров: 898
Последний ответ 11.12.2016, 23:54:14
от AlekVolsk
Фиксация шапки

Автор Xlebosolniy

Ответов: 6
Просмотров: 755
Последний ответ 02.11.2016, 16:04:48
от Xlebosolniy
Убрать серый блок из шапки сайта

Автор Carni

Ответов: 4
Просмотров: 677
Последний ответ 15.08.2015, 11:17:37
от Carni
Изменение размера шапки beez5 сильно влияет на изменение размеров иконок меню JoomShopping

Автор bakyt

Ответов: 7
Просмотров: 974
Последний ответ 18.07.2015, 12:39:13
от LyalyaChornaya