Не отображается изображение фона сколько не старался! Код страницы: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="title" content=""> <meta name="keywords" content=""> <meta name="description" content=""> <link href="../css/style.css" rel="stylesheet" type="text/css" media="screen"/> <title>"БЫСТРЫЕ ВСТРЕЧИ"</title> </head> <body> <!-- <img src="img_index/123.png" alt=""/> --> <table class="table_main" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- ШАПКА --> <td class="td_heder"> </td> <td class="td_heder_center"> </td> <td class="td_heder"> </td> </tr> <div id="forbody"> <tr> <!-- ЛЕВЫЙ БЛОК --> <td valign="top" rowspan="2"> <form action="../testreg.php" method="POST" id="info"> <h2>ВОЙТИ НА САЙТ</h2> <div id="email-wrap" class="slider"> <label for="name">Логин:</label> <input id="name" type="text" name="login" width="20" maxlength="20"> </div> <div id="pass-wrap" class="slider"> <label for="pass">Пароль:</label> <input id="pass" class="" type="password" name="pass" width="20" maxlength="15"> </div> <div> <input type="checkbox" name="autovhod" value="1"><strong>Запомнить меня.</strong>(не безопасно) </div> <input id="btn" type="submit" name="btn" value="НАЧАТЬ ЗНАКОМИТЬСЯ"> <br><a id="text_reg" href="../reg.php">ЕЩЁ НЕ ЗАРЕГИСТРИРОВАН</a> <br><a id="text_reg" href="../send_pass.php"><strong>Забыли пароль?</strong></a> </form> </div> </td> <td> </td> <td valign="top" rowspan="2"> <!-- ПРАВЫЙ БЛОК --> <table class="table_right"> <tr> <td><h6></h6></td> </tr> <tr> <td class="td_bottom"> </td> </tr> <tr> <td><h6></h6></td> </tr> <tr> <td class="td_bottom"> </td> </tr> <tr> <td></td> </tr> </table> </td> </tr> <tr> <td valign="top" height="455"> <img src="../img_index/moscow.jpeg" alt="Согласились" usemap="#Map"> <map name="map"> <area shape="poly" coords="10,20,82,90" href="____.html"> </map> </td> </tr> <tr> <td colspan="3"> </td> </tr> </table> </body> </html> Код свойств: [CSS] /* ФОРМА ДЛЯ ВВОДА ДАННЫХ ПОЛЬЗОВАТЕЛЯ */ /* свойства формы при входе на сайт */ form{ width:210px; padding:0 5px 5px; margin:auto; background-color:#81FD11; -moz-border-radius:10px; border: 2px solid #933791; /* градация цвета фона формы */ -moz-box-shadow: 0 1px 20px rgba(0,0,0,.4), 0px 30px 30px 40px rgba(220,220,220,.5) inset; } #5ED037 label{ cursorointer; display:block; } /* градация цвета поля ввода текта */ input[type="text"]{ width:200px; border:2px solid #933791; padding:1px; -moz-border-radius:10px; background-color:#F0DDED; color:#721855; border-style: double; cursorointer;/* изменяется курсор при наведении на поле ввода */ font-styleblique;/* текст внутри поля ввода прописью */ font-weight:bold;/* текст внутри поля ввода жирный */ font-family:cursive;/* изменение шрифта в поле ввода текста */ padding:2px 0 0 0;/* отступы текста внутри поля ввода от краёв */ } input[type="text"]:focus{ border-color:#235428; background-color:#E180E3; } /* градация цвета поля ввода пароля */ input[type="password"]{ width:200px; border:2px solid #933791; -moz-border-radius:10px; background-color:#F0DDED; color:#721855; border-style: double; cursorointer;/* изменяется курсор при наведении на поле ввода */ font-styleblique;/* текст внутри поля ввода прописью */ font-weight:bold;/* текст внутри поля ввода жирный */ font-family:cursive;/* изменение шрифта в поле ввода текста */ padding:2px 0 0 0;/* отступы текста внутри поля ввода от краёв */ } input[type="password"]:focus{ border-color:#235428; background-color:#E180E3; } /* градация цвета поля чекбокса */ input[type="checkbox"]{ border:2px solid #933791; padding:1px; -moz-border-radius:10px; background-color:#F0DDED; } input[type="checkbox"]:focus{ border-color:#235428; background-color:#E180E3; } /* свойства кнопки */ input[type="submit"]{ cursorointer; border:2px solid #933791; padding:4px; -moz-border-radius:40px; background:#eee; color:#9E348C!important; text-shadow:3px 3px 3px #81FD11; } input[type="submit"]:hover, input[type="submit"]:focus { color:#DEF3E0!important; border-color:#235428; background:#E180E3;} input[type="submit"]:active{ margin-top:2px; /* кнопка опускается вниз при нажатии */ } /* КОНЕЦ ФОРМЫ ДЛЯ ВВОДА ДАННЫХ ПОЛЬЗОВАТЕЛЯ */ /* СВОЙСТВА ХЕДЕРА */ h2{ color:#FF0099; text-shadow:1px 1px 1px #000; font-size:23px; text-align: center; } /* свойства боковых панелей хедера */ .td_heder{ background: transparent;/* прозрачный задний фон */ width:220px; height: 80px; } /* заголовки перед полями регистрации */ label{ font-size:15px; color:#B83AB5; font-weight:bold; } /* свойства центральной панели хедера */ .td_heder_center{ -moz-box-shadow: 0 10px 80px rgba(0,0,0,.4), 0px 30px 30px 40px rgba(220,220,220,.5) inset; } /* КОНЕЦ СВОЙСТВ ХЕДЕРА */ /* СВОЙСТВА ТЕЛА */ body{ background-image: url("img_index/123.png"); width:1024px; font:12px/1.3 Arial, Sans-serif; background-color:#81FD11; } h6{ color:#FF0099; text-align: center; font-size:30px; text-shadow:1px 1px 1px #000; } /* СВОЙСТВА ПРАВОЙ СТОРОНЫ ТЕЛА */ .table_right{ border:0; valign:top; margin: 10px;/* отступ сторон по вертикали */ padding: 10 px;/* отступ сторон по горизонтали */ padding:0 5px 5px; margin:auto; background-color:#81FD11; -moz-border-radius:10px; border: 2px solid #933791; /* градация цвета фона формы */ -moz-box-shadow: 0 1px 20px rgba(0,0,0,.4), 0px 30px 30px 40px rgba(220,220,220,.5) inset; } .td_bottom{ border-bottom:2px solid #933791; text-align: top; } .table_main{ margin: 10px; padding: 10px; } /* КОНЕЦ СВОЙСТВ ПРАВОЙ СТОРОНЫ ТЕЛА */ [/CSS] Сама картинка заднего фона присутствует,путь правильный(перепроверил раз 500!).Если выставляю цвет заднего фона,то страница выкрашивается в необходимый цвет,но если это свойство убираю,то опять белый фон... Помогите разобраться почему нет изображение на заднем фоне!
папка img_index где находится относительно корня сайта и где относительно папки с css? короче пиши абсолютные пути от корня и будет тебе счастье.
Есть исходная папка,доустим "1" и в неё помещены папки "css" и "img_index"! Я пробовал писать и так: 1/img_index/123.jpg но ничего не выходит!Что самое интересное,то останьные изображения из этой папки на сайте появляется! Думаю,что какие-то свойство появления изображения блокируют,но пробовал поочереди их убирать и ничего не вышло...(
попробуй /img_index/123.jpg - обрати внимание на первый / - он там неспроста Или ../img_index/123.jpg - скорее всего тоже сработает В том что появляются остальные изображения ничего странного нет - они появляются в теге <img>, тег прописан в index.html который находится в корне сайта. То есть он ищет папку img_index в своей директории и естественно находит - она там и есть. А css у тебя лежит в папке /css. Он тоже ищет папку img_index в своей директории и естественно НЕ находит. Потому что ее там нет. А есть она в корне сайта. От которого тебе и надо плясать.
karakh, спасибо большое-действительно помогло! Перерыл кучу примеров,но ни у кого первого слеша не было...что за дела! Жаль потраченного времени-значит опять сегодня в ночь!)))
У меня ещё вопрос: вот есть форма регистрации.У неё цвет,допустим зелёный,с помощью свойства background:transparent я делаю её прозрачной.Но вот беда-цвет форма теряет тоже. Возможно ли сделать так,что бы форма становилась прозрачной не теряя при это навязаный css цвет!?
Цвет чего? Текста? transparent - это считай что цвет такой. Одновременно green и transparent невозможно) Поставь ей opacity: 0.5
tommyangelo,пробовал "opacity: 0.5",но тогда становится прозрачной вся форма...всё замечательно согласно моего вопроса,но вот беда-тогда и слова становятся прозрачными-прозрачность фону придать невозможно,не размыв при этом всю фору целиком вместе с надписями и полями для ввода текста! Возможно ли только задний фон размыть-при этом не трогая остальные элементы формы!?
можно попробовать сделать div с фоном, поставить ему opacity: 0.5 и положить на него еще один div, с прозрачным фоном через trancparency и с opacity 1, в который и пихать все остальное.