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



 

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

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

Открыть тему
Тема закрыта
> Relative позиционирование.
braun3812
braun3812
Topic Starter сообщение 28.2.2011, 12:49; Ответить: braun3812
Сообщение #1


Есть страница простенькой гостевой. Сделана на таблице. Она заполняетcя из базы данных сайта. В итоге получается таблица на каждый комментарий, и они центрированы относительно body.

[PHP]<html>
<head>
<style media="all" type="text/css">
body{
text-align: center;
background: black url("circuit.jpg") fixed;
color: black;
}
.img1 {
background-color: #343434;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;}
.date {
position: relative;
left: 50%;
bottom: -10px;
font-size: 10px;
text-align: right;
}
</style>
<title>Гостевая книга</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body link="#6BA9C8" vlink="#6BA9C8" alink="white">
<?php
date_default_timezone_set('Europe/Moscow');
$link = mysql_connect ('site_book', '392365_book', 'password') or die ("Impossible de se connecter");
mysql_select_db ("site_book")or die ("Impossible d'accйder а la base de donnйes");
$sql="SELECT * FROM book";
$result=mysql_query($sql);
while($rows=@mysql_fetch_array($result)){
$id = $rows['id'];
$nom = $rows['nom'];
$text = $rows['text'];
$date = $rows['date'];
echo '
<table class="img1" align="center" border="1" width="400">
<tr>
<td width="100">
<p><b><font color="#008DD2" face="Courier New">№</font></b></p>
</td>
<td width="300">
<p><font color="#6BA9C8" face="Courier New"><b>№'.$id.'</b></font></p>
</td>
</tr>
<tr>
<td width="100">
<p><b><font color="#008DD2" face="Courier New">Имя</font></b></p>
</td>
<td width="300">
<p><font color="#6BA9C8" face="Courier New">'.$nom.'</font></p>
</td>
</tr>
<tr>
<td width="100">
<p><b><font color="#008DD2" face="Courier New">Комментарий</font></b></p>
</td>
<td width="300">
<p><font color="ffffff" face="Courier New" size="2px">'.$text.'</font></p>
</td>
</tr>
<div class="date"><font color="white" face="Arial">'.$date.'</font></div>

</table>
<br>
</body>
';
}
?>
<a href="">Оставить комментарий</a>
</html>[/PHP]

Меня очень беспокоит вот эта часть.
<div class="date"><font color="white" face="Arial">'.$date.'</font></div>


Мне нужно, чтобы дата записывалась под каждой таблицей с комментарием, относительно нее по по праву краю и под ней.
То есть, должно быть примерно так

№ .................1
Имя ...............admin
Комментайрий текст текст текст текст текст
..............................................................28 февраля

Может быть я что-то не так делаю, или не понимаю, но <div> c $date не меняет своего положения при изменении параметра position. Ему все равно, какой он relative или absolute, <div> по любому позиционируется относительно <body>, а мне нужно поставить его относительно <table> Подскажите пожалуйста, в чем проблема?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 28.2.2011, 15:49; Ответить: ottaviano
Сообщение #2


braun3812, зачем вам див там?
раз у вас уже табличная структура, так пользуйтесь этим

и </body> закрывать в цыкле несколько раз не советуется
<html>
<head>
<style media="all" type="text/css">
body{
text-align: center;
background: black url("circuit.jpg") fixed;
color: black;
}
.img1 {
background-color: #343434;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;}
.date {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
}
</style>
<title>Гостевая книга</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body link="#6BA9C8" vlink="#6BA9C8" alink="white">
<?php
 date_default_timezone_set('Europe/Moscow');
$link = mysql_connect ('site_book', '392365_book', 'password') or die ("Impossible de se connecter");
mysql_select_db ("site_book")or die ("Impossible d'accйder а la base de donnйes");
$sql="SELECT * FROM book";
$result=mysql_query($sql);
while($rows=@mysql_fetch_array($result)){
$id = $rows['id'];
$nom = $rows['nom'];
$text = $rows['text'];
$date = $rows['date'];
echo '
<table class="img1" align="center" border="1" width="400">
<tr>
<td width="100">
<p><b><font color="#008DD2" face="Courier New">№</font></b></p>
</td>
<td width="300">
<p><font color="#6BA9C8" face="Courier New"><b>№'.$id.'</b></font></p>
</td>
</tr>
<tr>
<td width="100">
<p><b><font color="#008DD2" face="Courier New">Имя</font></b></p>
</td>
<td width="300">
<p><font color="#6BA9C8" face="Courier New">'.$nom.'</font></p>
</td>
</tr>
<tr>
<td width="100">
<p><b><font color="#008DD2" face="Courier New">Комментарий</font></b></p>
</td>
<td width="300">
<p><font color="ffffff" face="Courier New" size="2px">'.$text.'</font></p>
</td>
</tr>
<tr>
<td colspan="2" class="date">'.$date.'</td>
</tr>

</table>';
}
?>
<a href="">Оставить комментарий</a>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
braun3812
braun3812
Topic Starter сообщение 1.3.2011, 22:31; Ответить: braun3812
Сообщение #3


ottaviano, спасибо за ответ, но мне нужна именно просто надпись, без бордера и заднего фона. Пытаюсь сейчас сделать так, в виде таблицы, но убрать пока не получается.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 1.3.2011, 22:34; Ответить: ottaviano
Сообщение #4


braun3812, у вас ячейка несет свой класс, этому объекту вы можете приделать свою рамку (или вообще ее убрать), свой фон (даже белый)...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
braun3812
braun3812
Topic Starter сообщение 1.3.2011, 22:48; Ответить: braun3812
Сообщение #5


ottaviano, так вот же. Ставлю border-size равным нулю для этой ячейки, но остается левая стенка и как ее убрать не знаю.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 1.3.2011, 22:57; Ответить: ottaviano
Сообщение #6


braun3812, тогда действительно лучше вынести за пределы таблицы
<div class="date">'.$date.'</div>

[CSS]
.date {
margin:0 auto;
width:400px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
}
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
braun3812
braun3812
Topic Starter сообщение 1.3.2011, 23:11; Ответить: braun3812
Сообщение #7


ottaviano, но тогда дата-тайм будет сверху справа, а мне нужно снизу. Я сделал таки таблицой, как вы посоветовали, фон убрал и поля убрал вообще. Получилось даже симпотичней. Спасибо.
[attachment=37543:Untitled-1.jpg]

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Позиционирование блока в "резиновом" сайте
 4 arthur1974 7725 16.5.2012, 18:26
автор: -arthur1974-
Открытая тема (нет новых ответов) Позиционирование логотипа по центру
 0 nuon 3373 30.4.2012, 10:30
автор: -nuon-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 18:51

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet