Как стилизовать выводимые php-кодом данные из БД с помощью CSS?

BN
На сайте с 03.02.2015
Offline
0
3443

Здравствуйте, уважаемые! Только осваиваю HTML и CSS, создаю свой блог. Встал вопрос о пагинации на PHP, в которым пока ничего не смыслю.Но с помощью примеров в нете реализовала. Теперь проблема с тем, как стилизовать каждую выводимую статью средствами CSS... Подскажите, пожалуйста, кто может, куда и что прописать, чтобы обернуть статью в класс или еще какие-нибудь варианты! Вот мой код:

$num = 10;

$page = $_GET['page'];

$result00 = mysql_query("SELECT COUNT(*) FROM articles");

$temp = mysql_fetch_array($result00);

$posts = $temp[0];

$total = (($posts - 1) / $num) + 1;

$total = intval($total);

$page = intval($page);

if(empty($page) or $page < 0) $page = 1;

if($page > $total) $page = $total;

$start = $page * $num - $num;

$query = mysql_query("SELECT * FROM articles ORDER BY id DESC LIMIT $start, $num");

$row = mysql_fetch_array($query);

do

{

echo $row['title'];

echo "<br/>";

echo $row['description'];

echo "<br/><br/>";

}

while($row = mysql_fetch_array($query))

?>

<?

// Проверяем нужны ли стрелки назад

if ($page != 1) $pervpage = '<a href=blog.php?page=1>Первая</a> | <a href=blog.php?page='. ($page - 1) .'>Предыдущая</a> | ';

// Проверяем нужны ли стрелки вперед

if ($page != $total) $nextpage = ' | <a href=blog.php?page='. ($page + 1) .'>Следующая</a> | <a href=blog.php?page=' .$total. '>Последняя</a>';

// Находим две ближайшие станицы с обоих краев, если они есть

if($page - 5 > 0) $page5left = ' <a href=blog.php?page='. ($page - 5) .'>'. ($page - 5) .'</a> | ';

if($page - 4 > 0) $page4left = ' <a href=blog.php?page='. ($page - 4) .'>'. ($page - 4) .'</a> | ';

if($page - 3 > 0) $page3left = ' <a href=blog.php?page='. ($page - 3) .'>'. ($page - 3) .'</a> | ';

if($page - 2 > 0) $page2left = ' <a href=blog.php?page='. ($page - 2) .'>'. ($page - 2) .'</a> | ';

if($page - 1 > 0) $page1left = '<a href=blog.php?page='. ($page - 1) .'>'. ($page - 1) .'</a> | ';

if($page + 5 <= $total) $page5right = ' | <a href=blog.php?page='. ($page + 5) .'>'. ($page + 5) .'</a>';

if($page + 4 <= $total) $page4right = ' | <a href=blog.php?page='. ($page + 4) .'>'. ($page + 4) .'</a>';

if($page + 3 <= $total) $page3right = ' | <a href=blog.php?page='. ($page + 3) .'>'. ($page + 3) .'</a>';

if($page + 2 <= $total) $page2right = ' | <a href=blog.php?page='. ($page + 2) .'>'. ($page + 2) .'</a>';

if($page + 1 <= $total) $page1right = ' | <a href=blog.php?page='. ($page + 1) .'>'. ($page + 1) .'</a>';

// Вывод меню если страниц больше одной

if ($total > 1)

{

Error_Reporting(E_ALL & ~E_NOTICE);

echo "<div class=\"pagination\">";

echo $pervpage.$page5left.$page4left.$page3left.$page2left.$page1left.'<b>'.$page.'</b>'.$page1right.$page2right.$page3right.$page4right.$page5right.$nextpage;

echo "</div>";

}

?>

Буду безмерно благодарна, если не оставите даму в беде!

lutskboy
На сайте с 22.11.2013
Offline
184
#1

Судя с того что вы дали, то echo $row['description']; ето и есть вывод статьи

тогда напишите вместо етого

echo '<div class="myarticle">'.$row['description'].'</div>';

BN
На сайте с 03.02.2015
Offline
0
#2
lutskboy:
Судя с того что вы дали, то echo $row['description']; ето и есть вывод статьи
тогда напишите вместо етого
echo '<div class="myarticle">'.$row['description'].'</div>';

Спасибо большое за ответ! На своем же примере опробовала такой вариант:

echo "<div class=\"article\">";

echo $row['description'];

echo "</div>";

Сработало ) Но ваш способ, конечно, эргономичней! Спасибо! Без знания синтаксиса совсем туго все ))

---------- Добавлено 04.02.2015 в 16:56 ----------

lutskboy, извиняюсь за назойливость, но может вы поможете с решением еще одной проблемы: после заголовка извлекаемой статьи мне нужно, чтобы сразу шла картинка, а за ней уже и текст статьи.Как осуществить вывод этой самой картинки? Читала, что можно прописать в бд ссылку на файл, но выводится она только в виде обычного текста... Может есть какой-то определенный тип переменных или какой-то особый способ осуществить мою задумку?..

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий