Имеется скрипт пхп, который достаёт из базы данных данные и выводит
эти данные на страничку. Ниже этих данных должно произойти такое
расположение как на картинке №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 Картинка №1
http://s1.ipicture.ru/uploads/20110310/TR2CToL0.jpg Картинка №2
АРХИВ САЙТА
http://www.sharemania.ru/0244437
Спустя 56 секунд (10.03.2011 - 23:10) Golovastik написал(а):
index.php
kontent.php
database.php
.htaccess
AddDefaultCharset UTF-8
<!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
Спустя 9 минут, 11 секунд (10.03.2011 - 23:19) m4a1fox написал(а):
Golovastik
Эээ.... тебе наверно не сюда. А в дизайн и верстку....
Эээ.... тебе наверно не сюда. А в дизайн и верстку....
Спустя 21 минута, 28 секунд (10.03.2011 - 23:40) Golovastik написал(а):
Для класса prosmotrov3 то есть если применить position: relative; top:-32px;, получается что при наведении мышкой на ссылку, она пропадает, рука не делается, хотя верх поднимается слово "Просмотров".
Спустя 11 минут, 11 секунд (10.03.2011 - 23:51) m4a1fox написал(а):
Golovastik
Ну так поставь руку. cursor: pointer; и будет тебе счастье.
Ну так поставь руку. cursor: pointer; и будет тебе счастье.
Спустя 13 минут, 1 секунда (11.03.2011 - 00:04) Golovastik написал(а):
Если дописать в классе prosmotrov3
И поставить курсор в классе podrobn2
И даже если не ставить курсора, получается что ссылка превратилась просто в текст украшенный стилями, но перестала быть ссылкой, странное явление.
.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;}
И даже если не ставить курсора, получается что ссылка превратилась просто в текст украшенный стилями, но перестала быть ссылкой, странное явление.
Спустя 18 часов, 35 минут, 55 секунд (11.03.2011 - 18:40) Golovastik написал(а):
Изменил на это:
и это вставил в базу данных:
Оказывается если скомбинировать position:relative; top:-25px;
со свойством float, то всё работает.
и всё сработало. УРА! Фух!
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, то всё работает.
и всё сработало. УРА! Фух!