Помогите! в интернет-магазине не корректно отображаются заголовки товаров.

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Autokoka, 02.07.2008.

  1. Offline

    Autokoka Недавно здесь

    Регистрация:
    02.07.2008
    Сообщения:
    2
    Симпатии:
    0
    Если длинна названия товара больше чем может уместиться на 2х строчках, то название съезжает за границы области заголовка влево и изображение товара наезжает на название. Вот адрес сайта www.lastgear.ru
    Подскажите хотябы в каком месте шаблона это можно исправить?
     
  2.  
  3. Offline

    _voland_ Местный => Cпециалист <=

    Регистрация:
    12.04.2008
    Сообщения:
    2 171
    Симпатии:
    102
    Пол:
    Мужской
    Ответ: Помогите! в интернет-магазине не корректно отображаются заголовки товаров.

    Копать в cssке примерно в сторону #product_list div > div > div > h3
     
  4. chilly_bang
    Offline

    chilly_bang Недавно здесь => Cпециалист <=

    Регистрация:
    30.04.2006
    Сообщения:
    1 541
    Симпатии:
    38
    Пол:
    Мужской
    Ответ: Помогите! в интернет-магазине не корректно отображаются заголовки товаров.

    берёшь developer bar для firefox - кликаешь на искомый элемент и видишь все тайны.
     
  5. Offline

    _voland_ Местный => Cпециалист <=

    Регистрация:
    12.04.2008
    Сообщения:
    2 171
    Симпатии:
    102
    Пол:
    Мужской
    Ответ: Помогите! в интернет-магазине не корректно отображаются заголовки товаров.

    Opera Dragon Fly тоже рулит :)
     
  6. Offline

    Autokoka Недавно здесь

    Регистрация:
    02.07.2008
    Сообщения:
    2
    Симпатии:
    0
    Ответ: Помогите! в интернет-магазине не корректно отображаются заголовки товаров.

    _voland_ спасибо!

    Картинку просто передвинул везде пониже (не очень грамотно но работает).

    Разобраться почему съезжает текст так и не получилось((( немогу понять почему 2 строчки нормально выводятся а третья съезжает влево.
    Вот код:
    div#product_list { /*Блок списка товаров*/
    margin-bottom:1em;
    }
    #product_list>div { /*Оформление "квадрата" с информацией о товаре */
    border-right:1px #E5E5E5 solid;
    background-image:url("../images/t1_bottom.gif");
    background-repeat:no-repeat;
    background-position:0 100%;
    margin-top:1em;
    margin-bottom:2em;
    margin-left:10px;
    margin-right:0 !important;
    position:relative;
    left:-10px;
    padding-bottom:2em;
    min-height:170px;
    /* width:46% !important;
    float:left !important;
    clear:left !important; */
    }

    #product_list div>div{ /*div, содержащий тело "квадрата" */
    border:none;
    margin:0;
    left:0;
    background:none;
    }

    #product_list div>div>div{ /*div, содержащий заголовок "квадрата"*/
    /* width:auto !important; */
    margin-top:45px;
    margin-left:20px;
    }

    #product_list div>div>div>h3{ /*Оформление заголовка "квадрата"*/
    /**/
    border-right:1px #FFB64F solid;
    background-color:#FFB64F;
    background-image:url("../images/t1_header.gif");
    background-repeat:no-repeat;
    color:white;
    font-size:9pt;
    display:block;
    width:100%;
    /* width:297px; */
    /**/
    padding:0;
    padding-top:4px;
    padding-bottom:4px;
    margin:0;
    margin-left:-3px;
    margin-top:-45px;
    margin-bottom:15px;
    text-align:left;
    /**/
    }

    #product_list div>div>div>h3>a{ /*Оформление текста заголовка "квадрата"*/
    color:white;
    font-size:12pt !important;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    text-decoration:none !important;
    position:relative;
    left:-40px;
    }
    Помогите если не оч. сложно пожалуйста

    Добавлено через 5 часов 1 минуту
    Спасибо всем кто ответил, проблему решил.
     
    Последнее редактирование: 02.07.2008

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

Загрузка...