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

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

  1. AKopytenko
    Offline

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

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

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

    Вложения:

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

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

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

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

    Регистрация:
    01.09.2011
    Сообщения:
    1 954
    Симпатии:
    168
    Пол:
    Мужской
    Эмм... Стандартный вывод материала 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. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

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

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

    Регистрация:
    01.09.2011
    Сообщения:
    1 954
    Симпатии:
    168
    Пол:
    Мужской
    оО
    не понял... зачем? с отступами вроде всё нормально.
    картинка же не из-за падингмаргинистости вылезает =)
    ищорас не понял =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

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

Загрузка...