Joomla 1.5 Растянуть блок

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

  1. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Добрый день! Помогите, пожалуйста, растянуть блок и сделать его по центру. Блок в виде картинки.
    http://www.spektrat.tmweb.ru
    Привожу сразу код

    .art-Post
    {
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:35px;
    min-height:35px;
    }
    .art-Post-body
    {
    position: relative;
    z-index:1;
    padding: 16px;
    }
    .art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc,.art-Post-cr, .art-Post-cl
    {
    position:absolute;
    z-index:1;
    }
    .art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl
    {
    width: 46px;
    height: 46px;
    background-image: url('../images/Post-s.png');
    background-position: center;
    }
    .art-Post-tl
    {
    top:0;
    left:0;
    clip: rect(auto, 23px, 23px, auto);
    }
    .art-Post-tr
    {
    top: 0;
    right: 0;
    clip: rect(auto, auto, 23px, 23px);
    }
    .art-Post-bl
    {
    bottom: 0;
    left: 0;
    clip: rect(23px, 23px, auto, auto);
    }
    .art-Post-br
    {
    bottom: 0;
    right: 0;
    clip: rect(23px, auto, auto, 23px);
    }
    .art-Post-tc, .art-Post-bc
    {
    left: 23px;
    right: 23px;
    height: 46px;
    background-image: url('../images/Post-h.png');
    }
    .art-Post-tc
    {
    top: 0;
    clip: rect(auto, auto, 23px, auto);
    }
    .art-Post-bc
    {
    bottom: 0;
    clip: rect(23px, auto, auto, auto);
    }
    .art-Post-cr, .art-Post-cl
    {
    top: 23px;
    bottom: 23px;
    width: 46px;
    background-image: url('../images/Post-v.png');
    }
    .art-Post-cr
    {
    right:0;
    clip: rect(auto, auto, auto, 23px);
    }
    .art-Post-cl
    {
    left:0;
    clip: rect(auto, 23px, auto, auto);
    }
    .art-Post-cc
    {
    position:absolute;
    z-index:1;
    top: 23px;
    left: 23px;
    right: 23px;
    bottom: 23px;
    background-color: #D7EAEF;
    }
    .art-Post
    {
    margin: 7px;
    }

    Заранее спасибо за помощь!
     
  2.  
  3. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    template.css строка 1576

    .art-contentLayout .art-content-sidebar2 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    width: 667px;
     
  4. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Блин, ну ни фига не выходит.. уже голову сломала.. увеличаю размер в пикселях, обрезается картинка.. Что не так - не могу понять
     
  5. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Странно. Я в последней строчке меняю ширину и все нормально

    width: 667px;
     
  6. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Странно. Я в последней строчке меняю ширину и все нормально

    width: 667px;
     
  7. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    У меня вот такой код, оригинальный

    .art-contentLayout .art-content-sidebar2
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 667px;
    }
     
  8. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Мне надо растянуть блок, который в центре находится, с основным текстом..
     
  9. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    А если в процентах сделать? Например width: 100%;
     
  10. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Не выходит.. а зачем вообще 2 сайдбара?

    .art-contentLayout .art-content-sidebar1
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 100%;
    }
    .art-contentLayout .art-content-sidebar2
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 667px;
    }
    .art-contentLayout .art-content-wide
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 889px;
    }
    /* end LayoutCell */

    /* begin LayoutCell */
    .art-contentLayout .art-sidebar2
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 222px;
     
  11. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Измениет ширину у sidebar2 а sidebar1 оставьте как было.
     
    Nesha нравится это.
  12. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Плюсик от меня ;) спасибо.. а еще один вопросик.. как этот блок переместить в центр?
     
  13. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Не понял. Он у вас справа а слева меню. Как вы хотите сделать ?
     
  14. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Чтобы этот блок был в центре страницы.. т.е. при добавлении меню справа, он автоматически все равно становился в центр.. сейчас он немного смещен влево, ближе к меню
     
  15. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Ну это надо код смотреть. Наверно отступы где-то есть.
    Лучше если сделаете как хотите и дадите ссылку посмотреть.
     
  16. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Эти отступы где искать-то?
     
  17. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Может эти

    .art-Post {
    margin-bottom: 7px;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 7px;
    }
    А может влияет float: left; у sidebar2
     
  18. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Это не влияет.. пробовала.. причина в чем-то другом
     
  19. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Надо на готовом пример смотреть.
    Так сложно сказать.
     
  20. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский

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

Загрузка...