Произошла какая-то странная проблема. Имеется скрипт пхп, который достаёт из базы данных данные и выводит эти данные на страничку. Ниже этих данных должно произойти такое расположение как на картинке №1 в результате. Имеется база с именем cat: Код (Text): 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 вставлено такой текст: Код (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; для класса prosmotrov3, если туда его дописать, всё стаёт, так как надо, но проблема заключается в том, что если это сделать,то есть дописать в класс podrobn2, при наведении мышкой на ссылку Подробнее, рука ссылки пропадает. Уже не знаю что делать. Архив тестового сайта вложил. style.css Код (Text): .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 Код (Text): <!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>
Для класса prosmotrov3 то есть если применить position: relative; top:-32px;, получается что при наведении мышкой на ссылку, она пропадает, рука не делается, хотя верх поднимается слово "Просмотров". Если дописать в классе prosmotrov3 Код (Text): .prosmotrov3{font-family:Tahoma; font-size:15px; position:relative; top:-46px; border:1px solid white;} И поставить курсор в классе podrobn2 Код (Text): .podrobn2{color:#990000; font-size:17px; font-weight:bold; text-decoration:none; position:relative; top:-5px; cursor:pointer;} И даже если не ставить курсора, получается что ссылка превратилась просто в текст украшенный стилями, но перестала быть ссылкой, странное явление.
Скажите, как поднять наверх слово просмотров, чтоб было на равне с словом "Подробнее",и при этом ссылка работала уже всё перепробовал и всё неудачно.
Изменил на это: Код (Text): echo $resalt['text'], '</a> <div class="prosmotrov3" style="float: left; position:relative; top:-25px;">Просмотров: <span class="green">',$resalt['obnovlenie'], '</span></div>'; и это вставил в базу данных: Код (Text): Когда в студенную, зимнюю пору, я из лесу вышел, был сильный мороз.... <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, то всё работает. и всё сработало. УРА! Фух!