Картинка вываливается из блока

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем shurikkan, 03.04.2012.

  1. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Глюк в материалах на Joomla 2.5, если добавлена картинка, но при этом высота текстового контента меньше изображения.

    Скажите, как такого избежать?
    Вариант обрезать содержимое за пределами DIV не подходит.
    Нужно сделать так, чтобы высота блока была не меньше, чем высота картинки внутри него.
     

    Вложения:

    • 1.gif
      1.gif
      Размер файла:
      1.9 КБ
      Просмотров:
      4
  2.  
  3. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 048
    Симпатии:
    520
    Пол:
    Мужской
    ну хоть бы CSS код этого блока выложи
     
  4. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Эмм... Стандартный вывод материала Joomla 2.5.
    Единственное что добавил в com_content - это блок для содержимого материала (хотя может быть из-за него и такая накладка?:)).

    Код (html):
    1. <div class="blog">
    2.  
    3.     <h2>
    4.         <span class="subheading-category">Заголовок категории</span>
    5.     </h2>
    6.  
    7.     <div class="items-leading">
    8.  
    9.         <div class="leading-0">
    10.  
    11.             <h2>
    12.                 <a href="ссылка">Заголовок материала</a>
    13.             </h2>
    14.  
    15.             <ul class="actions"> </ul>
    16.  
    17.             <div class="content">
    18.                 <img border="0" align="right" src="картинка.jpg">
    19.                 Текст материала
    20.             </div>
    21.  
    22.         <div class="item-separator"></div>
    23.  
    24.     </div>
    25.  
    26. </div>


    + мой "быдло-css" =)
    Код (html):
    1. .blog h2, .item-page h2 {
    2.     margin:0 0 10px 0;
    3.     padding:10px 10px;
    4.     font-size:18px;
    5.     background:#222;
    6.     color:#fff;
    7.     font-weight:200;
    8. }
    9. .blog h2 a, .item-page h2 a {
    10.     color:#fff;
    11.     text-decoration:none;
    12. }
    13. .content {
    14.     margin:10px;
    15. }
    16. .actions {
    17.     margin:0px;
    18.     padding:0px;
    19. }
    20. .content-links {
    21.     display:none;
    22. }
     
  5. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 048
    Симпатии:
    520
    Пол:
    Мужской
    ну так нужно еще и классу blog указать padding.
    .blog {height=?;}
     
  6. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    оО
    не понял... зачем? с отступами вроде всё нормально.
    картинка же не из-за падингмаргинистости вылезает =)
    ищорас не понял =O

    ---------------------------------------------------------
    ПРОБЛЕМА РЕШЕНА

    Код (html):
    1. <div class="content">
    2.     <img border="0" align="right" src="картинка.jpg">
    3.     Текст материала
    4.     <div style="clear:both;"></div>
    5. </div>

    Попробовал в фаербаге - помогло. Прописал в компонент - всё отлично :)
     
    Последнее редактирование: 04.04.2012

Поделиться этой страницей

Загрузка...