10.03.2011, 22:59
|
 |
Профессор
|
|
Регистрация: 12.08.2010
Сообщений: 221
|
|
|
Странный отступ и нельзя никак убрать чтоб не нарушить вёрстку
Произошла какая-то странная проблема.
Имеется скрипт пхп, который достаёт из базы данных данные и выводит
эти данные на страничку. Ниже этих данных должно произойти такое
расположение как на картинке №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
Последний раз редактировалось Golovastik, 10.03.2011 в 23:21.
|
|
10.03.2011, 23:00
|
|
Профессор
|
|
Регистрация: 12.08.2010
Сообщений: 221
|
|
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
|
|
10.03.2011, 23:41
|
|
Профессор
|
|
Регистрация: 12.08.2010
Сообщений: 221
|
|
Для класса prosmotrov3 то есть если применить position: 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, 11.03.2011 в 00:06.
|
|
11.03.2011, 10:24
|
|
Ламер
|
|
Регистрация: 19.02.2010
Сообщений: 295
|
|
|
Golovastik,
ты забыл обфусцировать свой код, нам тяжело читать без обфускации
|
|
11.03.2011, 10:25
|
|
Новичок на форуме
|
|
Регистрация: 19.02.2008
Сообщений: 9,177
|
|
|
Зачем в вопросе про вёрстку писать про базу?
|
|
11.03.2011, 13:29
|
|
Профессор
|
|
Регистрация: 12.08.2010
Сообщений: 221
|
|
|
Дело в том, что если не доставать из базы данных тогда всё работает, а у меня нужно доставать из базы данных текст и получить результат после доставания из неё.
|
|
11.03.2011, 18:40
|
|
Профессор
|
|
Регистрация: 12.08.2010
Сообщений: 221
|
|
Изменил на это:
|
Код:
|
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, то всё работает.
и всё сработало. УРА! Фух! |
|
12.03.2011, 02:24
|
|
Аспирант
|
|
Регистрация: 03.02.2010
Сообщений: 37
|
|
|
А зачем тебе тэг <br /> в конце? По сути изза него отступ идет который ты так тщательно пытаешься позишином исправить, не забудь для 6-7 осла прописать отдельные позишины.
|
|
|
|
