CSS как прописать стиль?

[denk2]

Здраствуйте! Можите допогти пожалуйста? есть код он выводит все картинки из сайта, но выводит их вряд по по-вертикали. Можно к нему стиль или как-то в коде прописать, чтобы выводило 20 новых картинок в 4 ряды по 5 картинок с размерами 200*150


$rc_posts = get_posts("category=1&numberposts=2&orderby=date");
foreach($rc_posts as $rc_post){
$first_img = '';
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $rc_post->post_content, $matches);
$first_img = $matches [1] [0];

if(empty($first_img)){ //Подключаем картинку по умолчанию, если в посте нет изображений
$first_img = "/images/preview.jpg";
}
echo '<img src="'.$first_img.'" />';
echo '<li><a href="' . get_permalink($rc_post) . '" rel="nofollow">' . get_the_title($rc_post) . '</a>
';
echo wpautop($rc_post->post_excerpt);
echo '</li>';
}

[Хыиуду]

Например, заменить
echo '<img src="'.$first_img.'" />';
на echo "<div class=imgdiv><img src=$first_img width=200 height=150></div>";
После вывода всех этих картинок вывести "<div style='clear: both'></div>";
И где-нибудь в тексте страницы вывести что-то вроде
<style>
div.imgdiv {
width: 20%;
float: left;
}
</style>

[denk2]

все прописал но при виводе картинок идуть вниз тоисть



как здеть штоб они вряд?

[denk2]

а как зделать чтобы картинки стали активными ссылками
нашол ета:

echo ‘<img src=”‘.$first_img.’” />’; заменить на
echo ‘<a href=”‘ . get_permalink($rc_post) . ‘” rel=”nofollow”><img src=”‘.$first_img.’” /></a>’;

но не роботает( Может ктота поможеть?

[Хыиуду]

Откройте исходный код страницы и посмотрите, что сгенерилось.
По второму пункту - наверняка либо не работает/неправильно работает функция get_permalink, либо вы где-то намудрили с кавычками
По первому - кидайте html-код, посмотрим.

[denk2]

<?php
$rc_posts = get_posts("category=1&numberposts=2&orderby=date") ;
foreach($rc_posts as $rc_post){
$first_img = '';
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $rc_post->post_content, $matches);
$first_img = $matches [1] [0];

if(empty($first_img)){ //Подключаем картинку по умолчанию, если в посте нет изображений
$first_img = "/images/preview.jpg";
}
echo "<div class=imgdiv><img src=$first_img width=100 height=100></div>";
echo '<li><a href="' . get_permalink($rc_post) . '" rel="nofollow">' . get_the_title($rc_post) . '</a>
';
echo wpautop($rc_post->post_excerpt);
echo '</li>';
}
?>

Когда без style всьо ок! Но когда добавил

<style>
div.imgdiv {
width: 20%;
float: left;
}
</style>

картинки начинають не коректно отобаржатса



тоисть не вряд! (горизонтально)

[Fudo]

т.е все ок?
кинь тогда без стиля и со стилем скрины...

[denk2]

т.е все ок?
кинь тогда без стиля и со стилем скрины...

Когда без стиля картинки отображаютса горизонтально! (но всьо нормально, тоисть сверху картинка внизу назва поста и силка)

Мне нужна чтоб они отображались вертикально! Но для етого нужна написать style

<style>
div.imgdiv {
width: 20%;
float: left;
}
</style>

Когда я ето прописую первая картинка отображаетса но силка на первою уже под второй картинкой и так далие последная картинке без силки! Как видно http://s004.radikal.ru/i205/1004/84/b219f1d06369.jpg

Мне нажно зделать штоб било все как при горизонтальний размищением! Но если ето не получетса чтоб картинка била силкой на етот пост! Ну канешно в style прописать чтоб картинки отображились так

12345
678910
.......

Тоисть 4 ряда по 5 картинок!