|
10.9 Кб |
|
| Произошла какая-то странная проблема.
Имеется скрипт пхп, который достаёт из базы данных данные и выводит
эти данные на страничку. Ниже этих данных должно произойти такое
расположение как на картинке №1 в результате.
Имеется база с именем cat:
CREATE TABLE `cat`.`lessons4` (
`id` INT( 5 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`obnovlenie` INT( 5 ) NOT NULL ,
`podrobnosti` TEXT NOT NULL ,
`text` TEXT NOT NULL
) ENGINE = MYISAM ;
|
Создана 1 таблица в ней, с именем lessons4.
В её поле text вставлено такой текст:
Когда в студенную, зимнюю пору, я из лесу вышел, был сильный мороз....
<div class="otstyp10"> </div>
<div align="right"> <a class="podrobn2" href="/videolessons/1.php?id=3">
Подробнее</a><span class="skobki" style="position:relative; top:-6px;">>></span></div>
<br />
|
Проблема в том, что слово просмотров улетело в низ и не находится на равне со словом
"Подробнее", как на картинке №2,я имею ввиду от правой до левой стороны на равне.
Если применить к слову "Просмотров" стиль position: relative;
top:-32px; для класса podrobn2, если туда его дописать, всё стаёт, так как надо, но проблема заключается в том,
что если это сделать,то есть дописать в класс podrobn2, при наведении мышкой на ссылку Подробнее,
рука ссылки пропадает. Уже не знаю что делать.
Архив тестового сайта вложил.
style.css
.prosmotrov3{font-family:Tahoma; font-size:15px;
border:1px solid white;}
.center{margin-left:213px; margin-right:213px; padding:35px;
padding-top:20px;}
.zagolovok{color:#990000; font-family:Verdana,sans-serif;
font-weight:bold; text-align:center; font-size:24px;}
.green{color:green; font-size:16px; font-family:"Times New Roman", Times, serif;}
/*---------------Стили для постраничной навигации--------------------*/
.knopka_nazad1{text-decoration:underline; font-size:18px; color:black; font-family:Tahoma; }
.knopka_nazad2{text-decoration:none; font-size:18px; color:gray; font-family:Tahoma;}
.knopka_vpered1{text-decoration:underline; font-size:18px; color:black; font-family:Tahoma;}
.knopka_vpered2{text-decoration:none; font-size:18px; color:gray; font-family:Tahoma;}
.tek_str{color:#009900; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px;
position:relative; top:3px;
}
.str_nav{color:black; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;}
.navig{position:relative; top:-20px; text-align:center;}
.podrobn2{color:#990000; font-size:17px; font-weight:bold; text-decoration:none;
position:relative; top:-5px;}
.podrobn2:hover{text-decoration:underline; }
.skobki{color:#666666; font-weight:bold; }
|
http://s1.ipicture.ru/uploads/20110310/G30C64uE.jpg
http://s1.ipicture.ru/uploads/20110310/TR2CToL0.jpg
АРХИВ САЙТА
http://www.sharemania.ru/0244437 | |
|
|
|
|
|
|
|
для: Golovastik
(10.03.2011 в 23:12)
| | index.php
<!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">
<head>
<link rel="stylesheet" type="text/css" href="/style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<meta name="description" content=" " />
<meta name="keywords" content="" />
<title>Сайт</title>
</head>
<body style="min-width:1200px;">
<?php include 'database.php'; ?>
<?php include 'kontent.php' ?>
</body>
</html>
|
kontent.php
<div class="center">
<div class="zagolovok">Список</div> <br />
<?php
include 'database.php'; /*Соединяемся с Базой Данных*/
?>
<?php
//Число постов выводящих на странице
$num = 3;
@$page = $_GET['page'];
if(empty($page)){
$page = 1;
}
$result = mysql_query("select COUNT(*) FROM lessons4",$connect);
$posts = mysql_result($result,0);
//Находим общее количество страниц
$chislo_str = intval(($posts-1)/$num)+1;
$page = intval($page);
//empty($page) Если переменной не существует или ее значение равно нулю
if(empty($page) or $page<0) $page = 1;
if($page > $chislo_str) $page = $chislo_str;
// Если ввести $page=7 тогда 7*3-3=18
//с 18 поста будет выводится пост 18,19,20 на странице №7
$start = $page * $num - $num;
/*--------------------Выводов Постов--------------------------------------*/
if ( isset ( $_GET['id'] ) ) {
//Увеличиваем заданный счетчик
$update = mysql_query ( "UPDATE `lessons4`
SET `lessons4`.`obnovlenie` = `lessons4`.`obnovlenie` +
1 WHERE `lessons4`.`id` = {$_GET['id']} LIMIT 1" ) or die ( mysql_error() );
//Запрос на выборку из нашей таблицы
$query = mysql_query ( "SELECT * FROM `lessons4` WHERE `lessons4`.`id`
= {$_GET['id']} LIMIT 1" ) or die ( mysql_error() );
//Получаем результат
$resalt = mysql_fetch_assoc ( $query );
//Выводим полную новость
echo $resalt['podrobnosti'];
}
else{
//Запрос на выборку из нашей таблицы
$query = mysql_query ( "SELECT * FROM lessons4 LIMIT $start, $num" )
or die ( mysql_error() );
while ( $resalt = mysql_fetch_assoc ( $query ) ) {
echo $resalt['text'], '</a> <div class="prosmotrov3">Просмотров:
<span class="green">',$resalt['obnovlenie'], '</span></div>';
}
}
echo '<div style"position:relative; top:-30px;"> </div>';
//------------------------------------------------
// Стрелка назад
if($page>1)
$nazad= '<a class="knopka_nazad1" href= ./1.php?page='.($page-1).'>Назад</a>';
else $nazad= '<span class="knopka_nazad2">Назад</span>';
//Стрелка вперед
if($page<$chislo_str)
$vpered = '<a class="knopka_vpered1" href= ../videolessons/1.php?page='.($page + 1).'>Вперёд</a>';
else $vpered= '<span class="knopka_vpered2">Вперёд</span>';
// Вывод меню
$expand_to = 4; // сколько страниц должно показываться слева и справа от текущей
// начало и конец "соседних" страниц
$a = $page - $expand_to; if ($a < 1) $a = 1;
$b = $page + $expand_to; if ($b > $chislo_str) $b = $chislo_str;
if ($a > 1) // надо ли показывать отдельно ссылку на первую и "..."
{
$navigation[] = "<a href=\"./1.php?page=1\">1</a>";
if ($a > 2) $navigation[] = "...";
}
// генерируем ссылки на "соседние" страницы
for ($i = $a; $i <= $b; $i++)
$navigation[] = ($page == $i) ? '<span class=
"tek_str">'.$i.'</span>' : "<a class='str_nav' href=\"./1.php?page=$i\">$i</a>";
if ($b < $chislo_str) // надо ли показывать отдельно "..." и ссылку на последнюю
{
if ($b < $chislo_str - 1) $navigation[] = '...';
$navigation[] = "<a href=\"./1.php?page=$chislo_str\">$chislo_str</a>";
}
// выводим готовую навигацию
echo '<div class="navig">'.$nazad.' '.implode(' ', $navigation).' '.$vpered.'</div>';
?>
<!---------------------------------------------------------------------------->
</div> <!-- Закрываем контент-->
|
database.php
<?php
$server = 'localhost'; //Имя сервера
$user = 'pomidor'; //Логин
$password = '11111'; //Пароль
$db = 'cat';
$error_database = '<h2>Произошла ошибка в базе данных,<br/>
в ближайшее время она будет устранена!</h2>';
$connect = mysql_connect($server,$user,$password);
if(!$connect){
echo $error_database;
exit;
};
mysql_query("set names utf8");
//$connect по какому соединению мы работаем
$select = mysql_select_db($db,$connect);
if(!$select){
echo $error_database;
exit;
};
?>
|
.htaccess
AddDefaultCharset UTF-8
| |
|
|
|
|
|
|
|
для: Golovastik
(10.03.2011 в 23:15)
| | Для класса prosmotrov3 то есть если применить positionn: relative; top:-32px;, получается что при наведении мышкой на ссылку, она пропадает, рука не делается.
Для класса prosmotrov3 то есть если применить position: relative; top:-32px;, получается что при наведении мышкой на ссылку, она пропадает, рука не делается, хотя верх поднимается слово "Просмотров".
Если дописать в классе prosmotrov3
.prosmotrov3{font-family:Tahoma; font-size:15px; position:relative; top:-46px;
border:1px solid white;}
|
И поставить курсор в классе podrobn2
.podrobn2{color:#990000; font-size:17px; font-weight:bold; text-decoration:none;
position:relative; top:-5px; cursor:pointer;}
|
И даже если не ставить курсора, получается что ссылка превратилась просто в текст украшенный стилями, но перестала быть ссылкой, странное явление. | |
|
|
|
|
|
|
|
для: Golovastik
(10.03.2011 в 23:39)
| | Изменил на это:
echo $resalt['text'], '</a> <div class="prosmotrov3" style="float: left;
position:relative; top:-25px;">Просмотров:
<span class="green">',$resalt['obnovlenie'], '</span></div>';
|
и это вставил в базу данных:
Когда в студенную, зимнюю пору, я из лесу вышел, был сильный мороз....
<div class="otstyp10"> </div>
<div align="right" style="float: right;"> <a class="podrobn2" href="/videolessons/1.php?id=3">
Подробнее</a><span class="skobki" style="position:relative; top:-6px;">>></span></div>
<br />
|
Оказывается если скомбинировать position:relative; top:-25px;
со свойством float, то всё работает.
и всё сработало. УРА! Фух! | |
|
|
|