Запитання до знавців 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">< img class="attachment wp-att-6" height="150" width="200" src="http://мій_сайт/wp-content/uploads/2008/09/litnij21.thumbnail.jpg" />< /div>
< div style="width: 200px" class="imageframe">< img class="attachment wp-att-5" height="150" width="200" src="http://мій_сайт/wp-content/uploads/2008/09/litnij13.thumbnail.jpg" />< /div>
< /div>
Фотографії, а точніше їх прев’юшки, попадають у бокс, але розміщуються не у ряд, а у стовпчик. А мені треба у ряд! Я знаю точно, що по 200px їм має вистачити по за очі, щоб поміститись у ряд. Чому ж вони не стають у стовпець? Перепробував всі властивості тега display. Не допомагає. Підкажіть, будь-ласка, хто знає. ;)
MustangUA Коментує,
October 2, 2008 @ 18:19
.imageframe { margin: 10px; padding: 5px; border: 1px solid #DAA520; display: inline; }
Ти певно не там дісплей вставляв :)
podaro Коментує,
October 2, 2008 @ 20:31
можливо ще якийсь батьківський об’єкт має спецпараметри (CSS)
Psiho Коментує,
October 3, 2008 @ 08:25
Хлопці, дякую вам! І хоч я допустив очепятку (“Чому ж вони не стають у рядок?”), ви все-таки мене зрозуміли))
Тег ‘display’ для класу ‘imageframe’ допоміг. Правда, я скористався не просто інлайн, а інлайн-блок, бо інакше форматування класу ‘imageframe’ (відступи і рамка) не зберігались для фото + я ще вирішив додавати дескріпшн до фото, яке теж у дів’і. Коротше, інлайн-блок саме те що треба!
Але як я не допер, що дісплей треба у ‘imageframe’ вставляти, а не у ‘imgset’. Навіть не знаю. Мені логічнішим видавалось друге..