X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Добавить ответ в эту тему
> Изображение заднего фона
Panich
Panich
Topic Starter сообщение 6.6.2011, 17:34; Ответить: Panich
Сообщение #1


Не отображается изображение фона сколько не старался!
Код страницы:
<!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">&nbsp;</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{
cursor:pointer;
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;
cursor:pointer;/* изменяется курсор при наведении на поле ввода */
font-style:oblique;/* текст внутри поля ввода прописью */
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;
cursor:pointer;/* изменяется курсор при наведении на поле ввода */
font-style:oblique;/* текст внутри поля ввода прописью */
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"]{
cursor:pointer;
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!).Если выставляю цвет заднего фона,то страница выкрашивается в необходимый цвет,но если это свойство убираю,то опять белый фон...
Помогите разобраться почему нет изображение на заднем фоне!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Panich
Panich
Topic Starter сообщение 6.6.2011, 18:13; Ответить: Panich
Сообщение #2


У меня ещё вопрос:
вот есть форма регистрации.У неё цвет,допустим зелёный,с помощью свойства background:transparent я делаю её прозрачной.Но вот беда-цвет форма теряет тоже.
Возможно ли сделать так,что бы форма становилась прозрачной не теряя при это навязаный css цвет!?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webog
webog
сообщение 6.6.2011, 19:04; Ответить: webog
Сообщение #3


[PHP]<body background="img_index/123.png">
<body background-image="img_index/123.png">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>background-image</title>
<style type="text/css">
BODY {
background-image: url('images/bg.jpg'); /* Путь к фоновому изображению */
background-color: #c7b39b; /* Цвет фона */
}
</style>
</head>
<body>
<p>...</p>
</body>
</html>[/PHP] ИМХО

PS Сори если не так понял


--------------------
ЙА КЛОНОВОД
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Panich
Panich
Topic Starter сообщение 6.6.2011, 20:06; Ответить: Panich
Сообщение #4


Попробовал то,что вы мне показали-не получается!
попробую объяснить ещё раз:
есть таблица,у неё цвет заднего фона.
есть страница сайта и у неё своя картинка заднего фона.
нужно что бы таблица была прозрачной на половину-окрашивала в свой цвет задний фон страницы!!!
Возможно ли!?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
maxim_malets
maxim_malets
сообщение 6.6.2011, 22:40; Ответить: maxim_malets
Сообщение #5


Повесить на таблицу фоном полу-прозрачный png с соответствующим фиксом для IE6, метод scale
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webog
webog
сообщение 7.6.2011, 10:48; Ответить: webog
Сообщение #6


[PHP]
img {
opacity: 0.3;
}
[/PHP]
Прозрачность для таблици


--------------------
ЙА КЛОНОВОД
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
maxim_malets
maxim_malets
сообщение 7.6.2011, 12:44; Ответить: maxim_malets
Сообщение #7


(WEBog @ 7.6.2011, 13:48) *
[PHP]
img {
opacity: 0.3;
}
[/PHP]
Прозрачность для таблици


В таком случае и контент таблицы будет полу-прозрачным
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webog
webog
сообщение 7.6.2011, 15:45; Ответить: webog
Сообщение #8


(maxim_malets @ 7.6.2011, 15:44) *
В таком случае и контент таблицы будет полу-прозрачным

Ну тогда к отдельному диву привязать


--------------------
ЙА КЛОНОВОД
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
maxim_malets
maxim_malets
сообщение 7.6.2011, 15:46; Ответить: maxim_malets
Сообщение #9


(WEBog @ 7.6.2011, 18:45) *
Ну тогда к отдельному диву привязать


И как расчитвать его размер в случае динамической высоты таблицы?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webog
webog
сообщение 7.6.2011, 19:41; Ответить: webog
Сообщение #10


auto ИМХО!

Короче раздел платный, че голову зря ломать?


--------------------
ЙА КЛОНОВОД
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Работа: Удаление фона с фотографий
0 upinseo 3210 18.9.2019, 12:01
автор: upinseo
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПреобразую в вектор растровое изображение
Для первых двух готова делать бесплатно, за отзыв
1 ropique 3093 18.5.2018, 22:26
автор: Gerga
Открытая тема (нет новых ответов) Как вывести текст при наведении на изображение?
2 meduza_hb 7083 18.10.2016, 21:22
автор: -x-line-
Открытая тема (нет новых ответов) Изображение поверх сайта
4 tmait 2099 9.8.2015, 18:27
автор: tmait
Открытая тема (нет новых ответов) пр наведении мыши нужно сделать один блок выше другого без смещения фона и других эле
3 MAXON_BY 7776 28.5.2015, 14:10
автор: -Degradator-


 



RSS Текстовая версия Сейчас: 25.4.2024, 16:08
Дизайн