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

Discussion in 'Внешний вид, шаблоны, графика' started by AKopytenko, Apr 3, 2012.

  1. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Глюк в материалах на Joomla 2.5, если добавлена картинка, но при этом высота текстового контента меньше изображения.

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

    Attached Files:

    • 1.gif
      1.gif
      File size:
      1.9 KB
      Views:
      4
  2.  
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    ну хоть бы CSS код этого блока выложи
     
  4. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Эмм... Стандартный вывод материала 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 Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    ну так нужно еще и классу blog указать padding.
    .blog {height=?;}
     
  6. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    оО
    не понял... зачем? с отступами вроде всё нормально.
    картинка же не из-за падингмаргинистости вылезает =)
    ищорас не понял =O

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

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

    Попробовал в фаербаге - помогло. Прописал в компонент - всё отлично :)
     
    Last edited: Apr 4, 2012

Share This Page

Loading...