Фон с css - HTML и CSS - Страница 2

13th · 13.01.2010, 00:22

сам принцип таков http://liga13.net/markup/maxx/

Maxx · 13.01.2010, 10:37

Спасибо, 13th!

Сегодня вечером попробую, завтра отпишусь!

Maxx · 14.01.2010, 11:54

13th, Спасибо огромное за помощь!

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

Код HTML:

<td valign="top">
 <table border=0 width="100%" cellspacing="0" cellpadding="0">
  <tr><td><div style="position: relative; z-index: 10; min-height: 68px;"><img class="navmenu_bg_top" src="fons/top.png" alt=""></div></td></tr>
  <tr><td>
   <div style="position: relative; z-index: 10;"><img class="navmenu_bg_center" src="fons/center.png" alt="">
    <table border=0 width="100%" cellspacing="0" cellpadding="0" style="PADDING-left: 3.3em;">
     <tr><td valign="top">
      <div id="mainmenu">
       <dl><dt>О компании</dl>
       <dl><dt><a class="mainmenu" href="#">О печах и каминах</a></dl>
       <dl><dt><a class="mainmenu" href="#">Полезно знать</a></dl>
       <dl><dt><a class="mainmenu" href="uslugi.html">Услуги</a></dl>
       <dl><dt><a class="mainmenu" href="gallery.html">Галлерея</a></dl>
       <dl><dt><a class="mainmenu" href="#">Проекты</a></dl>
       <dl><dt><a class="mainmenu" href="contacts.html">Контакты</a></dl>
      </div>
     </td></tr>
    </table>
   </div>
  </td></tr>
  <tr><td><div style="position: relative; z-index: 10; min-height: 155px;"><img class="navmenu_bg_bottom" src="fons/bottom.png" alt=""></div></td></tr>
 </table>
</td>

CSS:

Код:

img.navmenu_bg_center {
  width: 100%;
  height: 100%;
  min-width: 260px;
  z-index: -1;
  position: absolute;
  top: 0px:
  left: 0px;
}

img.navmenu_bg_top {
  width: 100%;
  height: 100%;
  min-width: 260px;
  z-index: -1;
  position: absolute;
  top: 0px:
  left: 0px;
}

img.navmenu_bg_bottom {
  width: 100%;
  height: 100%;
  min-width: 260px;
  z-index: -1;
  position: absolute;
  top: 0px:
  left: 0px;
}

С подсказкой cooperOk:

Цитата:

<!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" dir="ltr" lang="ru">

теперь отображается во всех браузерах

Только вот не знаю, как min-width и min-height могут вести себя в разных версиях браузеров.

13.01.2010, 00:22	#11
13th Форумчанин Регистрация: 31.12.2008 Сообщений: 634	сам принцип таков http://liga13.net/markup/maxx/ Возможно всё Пишу обо всем

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Фон с Css	Shahmatist	HTML и CSS	9	16.10.2009 22:06
Заполнение бланков (продолжение)	kzld	Microsoft Office Excel	8	28.07.2009 17:19
Продолжение воспроизведения, bass.dll	BredoZavR	Мультимедиа в Delphi	4	06.06.2009 18:46
ещё раз про Random (вдогонку к закрытой теме 'НЕ ПОЙМУ КАК ВЫВИСТИ ЧИСЛО')	Serge_Bliznykov	Общие вопросы Delphi	1	20.04.2008 12:37

13.01.2010, 10:37	#12
Maxx Форумчанин Регистрация: 29.10.2008 Сообщений: 294	Спасибо, 13th! Сегодня вечером попробую, завтра отпишусь!