< 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> Фотографії, а точніше їх прев’юшки, попадають у бокс, але розміщуються не у ряд, а у стовпчик. А мені треба у [...]" />
Запитання до знавців css

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

02.10.2008 16:06 3 comments

Є плагін для 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. Не допомагає. Підкажіть, будь-ласка, хто знає. ;)

Multilingual WordPress

3 Коментарів

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

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

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

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

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

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

Залишити відгук


:D :-) :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:

Повідомляти мене про нові коментарі на e-mail. Ви також можете підписатись не коментуючи.