Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как задать слою фоновую картинку 
V
    Опции темы
compaq
Дата 12.4.2008, 13:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 78
Регистрация: 20.11.2006

Репутация: нет
Всего: нет



Всем привет.  smile 
Так как в  html я начинающий возникло несколько вопросов.  smile 
Хочется сделать такой дизайн как на http://www.microsoft.com
То есть задний фон и по центру само содержимое. Как я понял лучше всего это сделать с помощью вложения друг в друга слоев. И так пошли вопросы smile 
1) Как задать заднему слою фон картинки как на мс.ком синий фон
2) Как выронить слой с содержимым по середине  что бы при изменении разрешения он так же оставался по середине. Ну в обшем как на мс.ком
PM MAIL   Вверх
kizune
Дата 12.4.2008, 14:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

Репутация: 9
Всего: 9



Код

<body>
   <div style=" width:100%" align="center">
    <div></div>
   </div>
</body>

Код

body
{
     background:url(item.jpg);
     margin:0;
     padding:0;
}


или так
Код

<div id="MYdiv" style=" width:100%" align="center">
    <div></div>
   </div>

Код

#MYdiv
{
     background:url(item.jpg);
     margin:0;
     padding:0;
}

PM MAIL   Вверх
compaq
Дата 12.4.2008, 16:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 78
Регистрация: 20.11.2006

Репутация: нет
Всего: нет



kizune
Большое спасибо.
А можно еще вопросик, как по вашему мнению лучше сделать обший дизайн через слои или через таблицу.
Под обшим дизайном я понимаю верхнию и нижнию шапку само содержимое и меню. Просто как я понял из статей в инете табличный дизайн уже считается устаревшим. Или я не прав? 
PM MAIL   Вверх
Zanilee
Дата 12.4.2008, 23:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 6
Регистрация: 3.1.2007
Где: Украина, Киев

Репутация: нет
Всего: нет



Конечно, лучше сделать слоями. 
Если позволяет время и особенности дизайна  smile 
PM MAIL WWW ICQ   Вверх
Itsys
Дата 13.4.2008, 07:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34



Цитата(compaq @  12.4.2008,  16:57 Найти цитируемый пост)
Просто как я понял из статей в инете табличный дизайн уже считается устаревшим. Или я не прав?

Не прав. Посмотри посты в этом разделе, здесь много раз обсужалось что использовать при дизайне слои или таблицы, но к единому мнению так и не пришли. Делать дизайн слоями - это типа круто, но не каждый дизайн можно сделать только на слоях, наример верстку в 4 колонки  smile 

ЗЫ я за таблицы.
PM MAIL WWW Skype   Вверх
kizune
Дата 14.4.2008, 09:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

Репутация: 9
Всего: 9



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

слоями верстать немного сложнее, но решение можно найти для каждого вопроса.

так что выбор исключительно за вами.

Это сообщение отредактировал(а) kizune - 14.4.2008, 09:19
PM MAIL   Вверх
bars80080
Дата 14.4.2008, 09:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



вот этот самый не отвеченный вопрос http://forum.vingrad.ru/forum/topic-205796.html я пока обошёл только применив табличную вёрстку, т.е. обрамил все дивы в тэги <tr><td></td></tr>

похоже слоёная система физически не может справиться с этим багом
PM MAIL WWW   Вверх
eee
Дата 14.4.2008, 12:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 66
Регистрация: 14.4.2008
Где: ХарьковCity

Репутация: нет
Всего: 1



а как по мне так самый лучший вариант смешивание этих двух.
Верстаю слоями, но там где слоями сложновато, там в бой идут "старики", т.е. таблы
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0806 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.