рисунки — показывать на одной строке

  • Решено ka81

    (@ka81)


    14 лет, 10 месяцев назад

    1) создаю страницу
    2) в поле текста только это:

    [caption id="attachment_1048" align="alignnone" width="100" caption="Перший сезон"]<a href="http://uateam.net/forum/viewtopic.php?f=3&t=109" target="_blank"><img src="http://x-files.net.ua/wp-content/uploads/2009/09/txf_s1_poster_ukr.jpg" alt="Перший сезон" title="Перший сезон" width="100" height="138" class="size-full wp-image-1048" /></a>[/caption] [caption id="attachment_1049" align="alignnone" width="100" caption="Другий сезон"]<a href="http://uateam.net/forum/viewtopic.php?f=3&t=110" target="_blank"><img src="http://x-files.net.ua/wp-content/uploads/2009/09/txf_s2_poster_ukr.jpg" alt="Другий сезон" title="Другий сезон" width="100" height="138" class="size-full wp-image-1049" /></a>[/caption]

    3) в результате — два рисунка — один под другим.
    (x-files.net.ua/?page_id=2102)

    вопрос — как поместить их в одну линию?

    П.С. испробовал уже миллион вариантов..

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    14 лет, 10 месяцев назад

    .wp-caption {float: left;}
    Автор ka81

    (@ka81)

    14 лет, 10 месяцев назад

    расписал так:

    [caption id="attachment_1048" align="alignnone" width="100" caption="Перший сезон"]<a href="http://uateam.net/forum/viewtopic.php?f=3&t=109" target="_blank"><img src="http://x-files.net.ua/wp-content/uploads/2009/09/txf_s1_poster_ukr.jpg" alt="Перший сезон" title="Перший сезон" width="100" height="138" class="size-full wp-image-1048" /></a>[/caption] [caption id="attachment_1049" align="alignnone" width="100" caption="Другий сезон"]<a href="http://uateam.net/forum/viewtopic.php?f=3&t=110" target="_blank"><img src="http://x-files.net.ua/wp-content/uploads/2009/09/txf_s2_poster_ukr.jpg" alt="Другий сезон" title="Другий сезон" width="100" height="138" class="size-full wp-image-1049" /></a>[/caption]

    + в style.css это .wp-caption {float: left;}

    и заработало.

    —

    однако, если я хочу поместить два аналогичных тумбнейла ПОД уже существующие (тобишь ниже как бы на новой строке), то ничего не выходит.. 🙁

    Автор ka81

    (@ka81)

    14 лет, 10 месяцев назад

    я так опнимаю что единственный верный способ (найменее геморойный и более мене неконфликтный в зависимости от браузеров) для моей задачи — создание таблици (<TABLE>) ?

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    14 лет, 10 месяцев назад

    1. Перевод строки можно сделать так: <div style="clear:both;"></div>
    2. Таблица — вариант, хотя обычно используется для табличных данных 🙂

    Автор ka81

    (@ka81)

    14 лет, 10 месяцев назад

    пришлось пользоваться таблицей, ибо там хоть с расположением имаджей и текстов рядом — проблем меньше…

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «рисунки — показывать на одной строке» закрыта для новых ответов.

Метки