Картинка как фон

Aldes · 21.11.2009, 23:01

Цитата:

Сообщение от Nimans

Я думаю что человек задачу изложил не точно

правильно изложил

Цитата:

Сообщение от Dimension7

При наведении (в меню) не меняется картинка-фон, меняется только фон. Также машинки(top_bg.jpg) не появляются в браузерах!

действительно так и было

Dimension7 · 22.11.2009, 12:51

да реально говорю COLOR: #fff ; на 118-ой строчке - является последним правилом элемента .top_menu_block A.hover (текущая страница). После последнего правила ; не обязательно ставить. Даже если поставить там точку с запятой ничего не изменится - что я собственно и сделал. Кэш у браузера очищен.

Добавлено через 18 минут

Хотите я вам по баннерам покликаю, пожгу траффик, только реально ответьте мне почему цвет фона меняется, а картинка - нет!

Pett · 22.11.2009, 17:00

Цитата:

Хотите я вам по баннерам покликаю, пожгу траффик

sokol666 · 22.11.2009, 19:38

Dimension7, точку с запятой лучше ставить везде. Знаете, в ИЕ тег html закрывать необязательно. Ему пофиг.
Посмотри, может у тебя что с именем или путем к файлу картинки.

iDeViL · 22.11.2009, 20:21

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

Ni_Splinter · 23.11.2009, 01:06

[B] У вас в коде html и css указаны разные картинки фоном к одному и тому - же <div>
Вы уж определитесь, что будете использовать class или style. И много раз в коде встречается эта ситуация. К тому-же, кажется эта картинка должна быть в другом div,

<div
style="BACKGROUND-IMAGE: url(/images/top_bg.jpg); POSITION: relative"
class="main">

А в css
.main {
BACKGROUND-IMAGE: url(/images/top_menu_bkg.jpg);
......
}

Я попыталась поправить, вроде работает, но кажется, лучше хорошо продумать стили и переделать все.
html
<body>
<div class="all">
<div class="main" >

<div class="head_wrapper">
<div class="navig_block">
<ul>
<li class="home"><a href=#>карта сайта</a></li>
<li class="mail"><a href=#>записьон-лайн</a></li>
</ul>
</div>
<div class="top_menu_block">
<ul style="MARGIN-LEFT: 40px">
<li><a class="hover" href="#">Главная</B></a></li>
<li><a href=# >О компании</a><span></span></li>
<li><a href=# >Диагностика</a><span></span></li>
<li><a href=#>Кузовной ремонт</a><span></span></li>
<li><a href=#>Покраска и полировка</a><span></span></li>
<li><a href=#>Слесарный ремонт</a><span></span></li>
<li><a href=#>Запчасти</a><span></span></li>
<li><a href=#>Отзывы</a><span></span></li>
<li><a href=#>Фотогалерея</a><span></span></li>
<li><a href=#>Контакты</a><span></span></li>
<li><a href=#>Запись</a><span></span></li>
</ul>
</div>
<div class="logo_block">
<a class="main_logo" href=# title="Автосервис Toyota и Mitsubishi: авторизированный техцентр Тойота и Митсубиси"></a>
</div>
</div>



css

* {PADDING: 0; MARGIN: 0;}
a {COLOR: #ca0800;}
h1, h2, h3, h4, h5 {MARGIN-BOTTOM: 9px; COLOR: #ce0800;}
h1 {FONT-SIZE: 16px;}
h2 {FONT-SIZE: 14px;}
h3, h4, h5, h6 {FONT-SIZE: 12px;}

.all {BACKGROUND-COLOR: #fff; WIDTH: 100%; FONT-FAMILY: Tahoma, Geneva, sans-serif;}

.cleardiv {CLEAR: both;}

/* Ещё одни машинки только в BACKGROUNDE*/

.main { WIDTH: 1000px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; FONT-SIZE: 11px;
/* BACKGROUND-IMAGE: url(../images/top_menu_bkg.jpg);
BACKGROUND-REPEAT:no-repeat;
BACKGROUND-POSITION: left 78px; */
/*COLOR: #2e3e3f;*/
}

.head_wrapper {HEIGHT: 260px; OVERFLOW: hidden; background-image:url(../images/top_bg.jpg); background-position:top; background-repeat:no-repeat; background-position:bottom; }

Dimension7 · 28.11.2009, 16:11

спасибо огромное, petty pike!
Дело и вправду было в картинках, не правильно заданы были!
а для чего спан вы ставите в конце каждой ссылки?

Ni_Splinter · 28.11.2009, 19:37

так они были в Вашем коде

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Картинка	Deli	Конкурсы	14	18.02.2010 00:34
Фоновая картинка для <tr>	Nark	HTML, CSS, JavaScript	4	24.01.2007 12:50
картинка на картинке	Desolator	HTML, CSS, JavaScript	2	28.01.2006 21:09
Выпадающая картинка	Silent Rain	ASP, Perl, PHP и MySQL	3	29.12.2005 23:46
Картинка	Bleach	Растровая графика	14	24.08.2005 17:28

22.11.2009, 12:51	#32
Dimension7	да реально говорю COLOR: #fff ; на 118-ой строчке - является последним правилом элемента .top_menu_block A.hover (текущая страница). После последнего правила ; не обязательно ставить. Даже если поставить там точку с запятой ничего не изменится - что я собственно и сделал. Кэш у браузера очищен. Добавлено через 18 минут Хотите я вам по баннерам покликаю, пожгу траффик, только реально ответьте мне почему цвет фона меняется, а картинка - нет! Последний раз редактировалось Dimension7; 22.11.2009 в 12:51.. Причина: Добавлено сообщение

22.11.2009, 19:38	#34
sokol666	Dimension7, точку с запятой лучше ставить везде. Знаете, в ИЕ тег html закрывать необязательно. Ему пофиг. Посмотри, может у тебя что с именем или путем к файлу картинки.

22.11.2009, 20:21	#35
iDeViL	вот меня поразило: то, что в архиве не работает, но когда переходишь по ссылке - работает. Интересно как.

23.11.2009, 01:06	#36
Ni_Splinter	[B] У вас в коде html и css указаны разные картинки фоном к одному и тому - же <div> Вы уж определитесь, что будете использовать class или style. И много раз в коде встречается эта ситуация. К тому-же, кажется эта картинка должна быть в другом div, <div style="BACKGROUND-IMAGE: url(/images/top_bg.jpg); POSITION: relative" class="main"> А в css .main { BACKGROUND-IMAGE: url(/images/top_menu_bkg.jpg); ...... } Я попыталась поправить, вроде работает, но кажется, лучше хорошо продумать стили и переделать все. html <body> <div class="all"> <div class="main" > <!--Картинка с машинками --> <div class="head_wrapper"> <div class="navig_block"> <ul> <li class="home"><a href=#>карта сайта</a></li> <li class="mail"><a href=#>записьон-лайн</a></li> </ul> </div> <div class="top_menu_block"> <ul style="MARGIN-LEFT: 40px"> <li><a class="hover" href="#">Главная</B></a></li> <li><a href=# >О компании</a><span></span></li> <li><a href=# >Диагностика</a><span></span></li> <li><a href=#>Кузовной ремонт</a><span></span></li> <li><a href=#>Покраска и полировка</a><span></span></li> <li><a href=#>Слесарный ремонт</a><span></span></li> <li><a href=#>Запчасти</a><span></span></li> <li><a href=#>Отзывы</a><span></span></li> <li><a href=#>Фотогалерея</a><span></span></li> <li><a href=#>Контакты</a><span></span></li> <li><a href=#>Запись</a><span></span></li> </ul> </div> <div class="logo_block"> <a class="main_logo" href=# title="Автосервис Toyota и Mitsubishi: авторизированный техцентр Тойота и Митсубиси"></a> </div> </div> <!--Дальше смотреть не надо!!!!!!!!!!!! --> css * {PADDING: 0; MARGIN: 0;} a {COLOR: #ca0800;} h1, h2, h3, h4, h5 {MARGIN-BOTTOM: 9px; COLOR: #ce0800;} h1 {FONT-SIZE: 16px;} h2 {FONT-SIZE: 14px;} h3, h4, h5, h6 {FONT-SIZE: 12px;} .all {BACKGROUND-COLOR: #fff; WIDTH: 100%; FONT-FAMILY: Tahoma, Geneva, sans-serif;} .cleardiv {CLEAR: both;} /* Ещё одни машинки только в BACKGROUNDE/ .main { WIDTH: 1000px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; FONT-SIZE: 11px; / BACKGROUND-IMAGE: url(../images/top_menu_bkg.jpg); BACKGROUND-REPEAT:no-repeat; BACKGROUND-POSITION: left 78px; / /COLOR: #2e3e3f;*/ } .head_wrapper {HEIGHT: 260px; OVERFLOW: hidden; background-image:url(../images/top_bg.jpg); background-position:top; background-repeat:no-repeat; background-position:bottom; }

28.11.2009, 16:11	#37
Dimension7	спасибо огромное, petty pike! Дело и вправду было в картинках, не правильно заданы были! а для чего спан вы ставите в конце каждой ссылки?

28.11.2009, 19:37	#38
Ni_Splinter	так они были в Вашем коде

21.11.2009, 23:01
Ссылки