Как оформить раздел комментариев в ul / li - PullRequest
Новая
       8

Как оформить раздел комментариев в ul / li

0 голосов
/ 26 июня 2010

Как мне добавить раздел комментариев под каждой фотографией в этой галерее? (Вы можете просмотреть изображение того, что я надеюсь сделать здесь: - не позволит мне опубликовать ссылку, потому что я новый участник .... z http://www.some -things.net / storage / Picture109.p нг)

Я знаю, что iframe, возможно, не лучший способ работать с этим, но мой друг хотел иметь область боковой прокрутки с интеграцией WordPress, и я не смог найти подходящих плагинов галереи.

Изображения отображаются в формате ul / li - но поскольку он встроен в дисплей, он не позволит мне вставить еще один div под каждым изображением.

http://www.some -things.net / хранение / анна / WordPress /? Page_id = 49

По сути, я хочу создать раздел под каждой картинкой, который содержит место для комментариев, если необходимо - что-то вроде рисунка выше.

Любые советы по необходимому коду были бы великолепны!

1 Ответ

0 голосов
/ 26 июня 2010

Поместите изображение и содержимое в div, и поместите все эти div влево. используйте inline-block для отображения и пробела: без переноса. 

<html>
<head>
<style type="text/css">
#container {
    white-space: nowrap;
}
.image {
    display: inline-block;
    width: 150px;
}
.comment {
    display: block;
    white-space: normal;
}
</style>
<div id="container"><p>
  <div class="image">
    <div style="height: 200px; width: 150px; background: gold;"></div>
    <div class="comment">Bla bla bla lorum ipsum doler amet amor etc. etc.</div>
  </div>
  <div class="image">
    <div style="height: 200px; width: 150px; background: gold;"></div>
    <div class="comment">Bla bla bla lorum ipsum doler amet amor etc. etc.</div>
  </div>
  ...
  ...
</p></div>
...