Запитання до знавців 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. Не допомагає. Підкажіть, будь-ласка, хто знає. 😉
There are 3 comments
Comments are closed.
About me
WordPress adept and web developer. I like to travel and try food of different cuisines. :)
.imageframe { margin: 10px; padding: 5px; border: 1px solid #DAA520; display: inline; }
Ти певно не там дісплей вставляв 🙂
можливо ще якийсь батьківський об’єкт має спецпараметри (CSS)
Хлопці, дякую вам! І хоч я допустив очепятку (“Чому ж вони не стають у рядок?”), ви все-таки мене зрозуміли))
Тег ‘display’ для класу ‘imageframe’ допоміг. Правда, я скористався не просто інлайн, а інлайн-блок, бо інакше форматування класу ‘imageframe’ (відступи і рамка) не зберігались для фото + я ще вирішив додавати дескріпшн до фото, яке теж у дів’і. Коротше, інлайн-блок саме те що треба!
Але як я не допер, що дісплей треба у ‘imageframe’ вставляти, а не у ‘imgset’. Навіть не знаю. Мені логічнішим видавалось друге..