Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.03.2011, 22:59
Аватар для Golovastik
Профессор
Отправить личное сообщение для Golovastik Посмотреть профиль Найти все сообщения от Golovastik
 
Регистрация: 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">&nbsp;</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.
Ответить с цитированием
  #2 (permalink)  
Старый 10.03.2011, 23:00
Аватар для Golovastik
Профессор
Отправить личное сообщение для Golovastik Посмотреть профиль Найти все сообщения от Golovastik
 
Регистрация: 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;">&nbsp;</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.'&nbsp;&nbsp;'.implode(' ', $navigation).'&nbsp;&nbsp;'.$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
Ответить с цитированием
  #3 (permalink)  
Старый 10.03.2011, 23:41
Аватар для Golovastik
Профессор
Отправить личное сообщение для Golovastik Посмотреть профиль Найти все сообщения от Golovastik
 
Регистрация: 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.
Ответить с цитированием
  #4 (permalink)  
Старый 11.03.2011, 10:24
Ламер
Отправить личное сообщение для DooMer Посмотреть профиль Найти все сообщения от DooMer
 
Регистрация: 19.02.2010
Сообщений: 295

Golovastik,
ты забыл обфусцировать свой код, нам тяжело читать без обфускации
Ответить с цитированием
  #5 (permalink)  
Старый 11.03.2011, 10:25
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Зачем в вопросе про вёрстку писать про базу?
Ответить с цитированием
  #6 (permalink)  
Старый 11.03.2011, 13:29
Аватар для Golovastik
Профессор
Отправить личное сообщение для Golovastik Посмотреть профиль Найти все сообщения от Golovastik
 
Регистрация: 12.08.2010
Сообщений: 221

Дело в том, что если не доставать из базы данных тогда всё работает, а у меня нужно доставать из базы данных текст и получить результат после доставания из неё.
Ответить с цитированием
  #7 (permalink)  
Старый 11.03.2011, 18:40
Аватар для Golovastik
Профессор
Отправить личное сообщение для Golovastik Посмотреть профиль Найти все сообщения от Golovastik
 
Регистрация: 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">&nbsp;</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, то всё работает.
и всё сработало. УРА! Фух!
Ответить с цитированием
  #8 (permalink)  
Старый 12.03.2011, 02:24
Аспирант
Отправить личное сообщение для Saimon7887 Посмотреть профиль Найти все сообщения от Saimon7887
 
Регистрация: 03.02.2010
Сообщений: 37

А зачем тебе тэг <br /> в конце? По сути изза него отступ идет который ты так тщательно пытаешься позишином исправить, не забудь для 6-7 осла прописать отдельные позишины.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск