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

people2010 · March 10, 2011

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

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

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

расположение как на картинке №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 March 10, 2011 by people2010

people2010 · March 10, 2011

Для класса 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 March 10, 2011 by people2010

people2010 · March 11, 2011

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

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

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

Sign In

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

Question

people2010

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

people2010

Link to comment

Share on other sites

people2010

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information