Запитання до знавців css

Веб програмування, Особисте

Є плагін для WordPress, називається Thickbox для роботи із зображеннями, при додавання через який фото форматуєтсья ось таким класом:


.imageframe { margin: 10px; padding: 5px; border: 1px solid #DAA520; }

Я ж створюю ось такий новий клас:
.imgset { margin: 8px 0 8px 0; border: 0px dotted #DAA520; }
і заключаю фото у < div >< /div > з цим класом. У остаточному варіанті дві фотографії мають таке форматування:

< div class="imgset">
< div style="width: 200px" class="imageframe">< a title="litnij21" class="thickbox" href="http://мій_сайт/wp-content/uploads/2008/09/litnij21.jpg">< img class="attachment wp-att-6" height="150" width="200" src="http://мій_сайт/wp-content/uploads/2008/09/litnij21.thumbnail.jpg" />< /a>< /div>
< div style="width: 200px" class="imageframe">< a title="litnij13" class="thickbox" href="http://мій_сайт/wp-content/uploads/2008/09/litnij13.jpg">< img class="attachment wp-att-5" height="150" width="200" src="http://мій_сайт/wp-content/uploads/2008/09/litnij13.thumbnail.jpg" />< /a>< /div>
< /div>

Фотографії, а точніше їх прев’юшки, попадають у бокс, але розміщуються не у ряд, а у стовпчик. А мені треба у ряд! Я знаю точно, що по 200px їм має вистачити по за очі, щоб поміститись у ряд. Чому ж вони не стають у стовпець? Перепробував всі властивості тега display. Не допомагає. Підкажіть, будь-ласка, хто знає. 😉

Теги:
Типографія

Типографія

Цитата

Цитата

Новіший допис

подібні дописи

CSS: “безболюча” верстка – каскадування та умовні коментарі

CSS: “безболюча” верстка – каскадування та умовні коментарі

 Креативний розум

Креативний розум

 AIR програми для веб-дизайнера: EM Calculator

AIR програми для веб-дизайнера: EM Calculator

There are 3 comments

  1. MustangUA

    .imageframe { margin: 10px; padding: 5px; border: 1px solid #DAA520; display: inline; }

    Ти певно не там дісплей вставляв 🙂

  2. podaro

    можливо ще якийсь батьківський об’єкт має спецпараметри (CSS)

  3. Psiho

    Хлопці, дякую вам! І хоч я допустив очепятку (“Чому ж вони не стають у рядок?”), ви все-таки мене зрозуміли))

    Тег ‘display’ для класу ‘imageframe’ допоміг. Правда, я скористався не просто інлайн, а інлайн-блок, бо інакше форматування класу ‘imageframe’ (відступи і рамка) не зберігались для фото + я ще вирішив додавати дескріпшн до фото, яке теж у дів’і. Коротше, інлайн-блок саме те що треба!

    Але як я не допер, що дісплей треба у ‘imageframe’ вставляти, а не у ‘imgset’. Навіть не знаю. Мені логічнішим видавалось друге..

Коментування вимкнено.