Большая фоновая картинка

[WalkMan]

Столкнулся с вопросом:

есть большая фоновая картинка в шапке, на ней нет ни каких элементов и текста

как сделать правильней:

• создать отдельный блок и впихнуть туда картинку как бэк (читал что рекомендуют все неактивные элементы в бэк пихать)
  
• создать блок и туда посредством img впихнуть эту же картинку, но нарезанную на несколько более мелких кусков ?
  

[weblad]

Столкнулся с вопросом:

есть большая фоновая картинка в шапке, на ней нет ни каких элементов и текста

как сделать правильней:

• создать отдельный блок и впихнуть туда картинку как бэк (читал что рекомендуют все неактивные элементы в бэк пихать)
  
• создать блок и туда посредством img впихнуть эту же картинку, но нарезанную на несколько более мелких кусков ?
  

Рекомендуют так же не делать пустые div'ы не содержащие контента, что конфликтует с первым пунктом, соблюдать или не соблюдать все эти рекомендации - личное дело.

А по теме, если изображение получается не очень большое по размеру, по мне достаточно просто img без блоков.

[psywalker]

А на хедер её нельзя фоном повесить? Самый лучший вариант

Edited September 13, 2009 by psywalker

[WalkMan]

так в этом вся и суть что лучше?

бек повесить одной тяжёлой картинкой

или порезать её на несколько мелких и вставить посредством img

т.е. что шустрее загрузиться

одна большая или много маленьких?

[weblad]

так в этом вся и суть что лучше?

бек повесить одной тяжёлой картинкой

или порезать её на несколько мелких и вставить посредством img

т.е. что шустрее загрузиться

одна большая или много маленьких?

Без самой картинки разговор ни о чем.

[Searcher]

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

во-вторых, если img, то если захотите изменить фон придется по всем страницам менять тэг img, а если фоном, то достаточно будет поменять в одном файле css.

[Justnewone]

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

Добавлю, если сервер, допустим, загружен, то еще быстрее.

[WalkMan]

Всем спасибо

вопрос закрыт

[Dimitry Wolotko]

Хоть вопрос закрыт, но кину свои пять копеек. Если речь о шапке сайта, то не помешает сделать так:

<div class="header">Сайт о самых красивых куклах Барби и домики для Барби</div>

.header
{
   background:url(image.gif) left no-repeat; // картинка фоном
   text-indent:-9999px; // красиво прячем текст
}

Имеем красивую картинку для юзера, понятную структуру если стили не подгрузились и для поисковиков всё отлично. Плюс нет пустых слоёв.

[WalkMan]

а за такое не банят поисковики?

-9999px

[Dimitry Wolotko]

С чего бы?