Плагин List category posts: Как отображать подпись под миниатюрой

14 мар. 2012 г., 21:36:48
Просмотры: 2.73K
Голосов: 1

Я пытаюсь сделать так, чтобы подпись отображалась под миниатюрой с помощью CSS, но ничего не выходит. Она продолжает появляться сверху.

CSS:

.lcp_catlist {
    float:left;
    text-align:center;
}

.lcp_catlist li {
    display:block;
    float:left;
    width: 160px;
    height: 150px;
    margin-bottom: 10px;
}

div.project-title {
}

.project-thumb {
    float: left;
    padding: 3px;
}

Шорткод:

[catlist id=3 numberposts=20 orderby=title order=asc title_tag=div title_class=project-title thumbnail=yes thumbnail_class=project-thumb thumbnail_size=thumbnail ]

Из того, что я нашел, миниатюра должна быть внутри div, чтобы работало CSS свойство float. Однако плагин не предоставляет опции thumbnail_tag. Есть ли обходной путь, чтобы поместить миниатюру в div?

Не уверен, что это поможет, но вот HTML шаблон для каждого поста:

<ul>
<li>
<div class="project-title">ЗАГОЛОВОК ПОСТА</div>
<div class="project-thumb">МОЯ МИНИАТЮРА</div>
</li>
</ul>`

Проблема в том, что div для изображения находится внизу, а div для заголовка - сверху.

Хотя я экспериментировал с настройками CSS, элементы остаются в этом положении. Однако я не могу поменять их местами, так как это заложено в ядре плагина.

Большое спасибо за помощь!

0
Все ответы на вопрос 2
0

После целой ночи поисков в Google и тестовых запусков, я решил проблему, используя шаблон List Category Posts. Все, что я сделал - это создал еще один шаблон (на основе предоставленного плагином) в папке внутри директории моей темы. Затем я зашел и отредактировал код, поместив код отображения миниатюр поверх кода заголовков, и вуаля!, все работает как часы.

Спасибо Sol за попытку помочь мне. Я действительно это оценил. ^^

15 мар. 2012 г. 18:19:53
4

пожалуйста, либо опубликуйте URL, либо посмотрите исходный код страницы и опубликуйте фактический HTML-код, чтобы мы могли увидеть разметку

14 мар. 2012 г. 23:08:15
Комментарии

это на моем локальном сервере, так что я не могу это показать.

но вот скриншот: http://img52.imageshack.us/img52/7974/23615186.jpg

и вот мой css: http://pastebin.com/A9fF3AFw

Iya Iya
14 мар. 2012 г. 23:50:21

Не уверен, что это поможет, но вот html-шаблон для каждого поста:

<ul> <li> <div class="project-title"><a href="my_link">Eniro Cinderella</a></div> <div class="project-thumb"><a href="my_link"><img width="150" height="120" src="my-image.jpg" class="attachment-thumbnail wp-post-image"></a></div> </li> </ul> Проблема в том, что div для изображения находится внизу, а div для заголовка - сверху.

Даже после того, как я поиграл с настройками css, они остаются в этом положении. Однако я не могу поменять их местами, так как это заложено в ядре плагина.

Iya Iya
15 мар. 2012 г. 01:27:48

Я не увидел ссылки на wp-caption в вашем примере, так что без просмотра кода сложно определить проблему. В качестве предложения: почему бы не создать простую галерею на странице WP, затем использовать Firebug для просмотра кода и скопировать его?

SolaceBeforeDawn SolaceBeforeDawn
15 мар. 2012 г. 03:57:54

Рад, что вы решили проблему, и спасибо за плюс!

SolaceBeforeDawn SolaceBeforeDawn
16 мар. 2012 г. 03:50:55