Jump to content
  • 0

Странный отступ и нельзя никак убрать чтоб не нару


people2010
 Share

Question

Произошла какая-то странная проблема.

Имеется скрипт пхп, который достаёт из базы данных данные и выводит

эти данные на страничку. Ниже этих данных должно произойти такое

расположение как на картинке №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

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

Edited by people2010
Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Для класса 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;}

И даже если не ставить курсора, получается что ссылка превратилась просто в текст украшенный стилями, но перестала быть ссылкой, странное явление.

Edited by people2010
Link to comment
Share on other sites

  • 0

Изменил на это:

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, то всё работает.

и всё сработало. УРА! Фух!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy