Решено! Размер модуля на всю ширину страницы.

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by Legostaev, Oct 23, 2013.

  1. Offline

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

    Joined:
    Aug 27, 2013
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Здравствуйте, добрые форумчане!

    делаю сайт для своего маленького магазинчика. Сайт визитка. Столкнулся с проблемой отображения модулей на компьютерах с разным разрешением экрана.

    Конкретно - установил чудный компонент Zh yandexmap и имею очень большое желание чтобы он отображался от края до края на странице контактов. Разрешение на моем компьютере - 1920х1080. Если задать вручную разрешение модуля именно таким - то все хорошо отображается. Но если изменить разрешение экрана на компьютере на поменьше - то соответственно модуль левым краем упирается в границы экрана, а правый край уезжает куда то в не зоны видимости.

    Собственно вопрос - можно ли сделать так что бы модуль отображался во всю ширину экрана независимо от разрешение пользователя. На главной стоит стандартный шаблонный слайдер на той же самой позиции шаблона - подгоняет по ширине под любое разрешение.

    WzD8rXIf.jpg

    Заранее спасибо за вашу помощь!!!
     
    Last edited by a moderator: Nov 26, 2014
    Legostaev, Oct 23, 2013
    #1

  2. Ads Master

     
  3. OlegK
    Offline

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

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    width:100%; для модуля
     
    OlegK, Oct 23, 2013
    #2
  4. Offline

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

    Joined:
    Aug 27, 2013
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    draff, подскажи пожалуйста где это прописать?
     
    Legostaev, Oct 23, 2013
    #3
  5. Offline

    Cram Пользователь

    Joined:
    Feb 25, 2012
    Messages:
    36
    Likes Received:
    1
    Gender:
    Female
    Зачем вообще пользоваться модулем для карты яндекса?
    Почему не воспользоваться скриптом, который генерирует сам яндекс, и вставить его в тело статьи?
     
    Cram, Oct 23, 2013
    #4
  6. Offline

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

    Joined:
    Aug 27, 2013
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    я смогу развернуть скрипт на всю ширину как на первой картинке примерно?

    вопрос актуален еще для модуля с ютуб-видео на другой странице

    De1TzoCp.jpg
     
    Last edited by a moderator: Nov 26, 2014
    Legostaev, Oct 23, 2013
    #5
  7. OlegK
    Offline

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

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    FireBug в помощь. А где ты вручную задаешь?
    ОБычно в стилях позиции описывают представление.А если для сторонних расширений,то искать стили в файлах расширения.
     
    OlegK, Oct 23, 2013
    #6
    Legostaev likes this.
  8. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Если модуль карты - это модуль от компонента Zh YandexMap, то скорее всего добавить в файл стилей:
    Код (html):
    1. #YMapsID_com_content_article_2_0_1_map {
    2.     border: 1px solid #999999;
    3.     width: 100% !important;
    4. }

    А вообще народ прав - учитесь пользоваться Firebug
     
    AKopytenko, Oct 24, 2013
    #7
    Legostaev likes this.
  9. Offline

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

    Joined:
    Aug 27, 2013
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    в джумле в настройках модуля.. если поставить в этом окошке 100%, то проценты убираются и модуль становится шириной 100пикс.
     
    Legostaev, Oct 24, 2013
    #8
  10. Offline

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

    Joined:
    Aug 27, 2013
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    shurikkan, какое название имеет файл стилей обычно? ковырял ковырял. не могу так сразу) подскажи пожалуйста.


    попробую Firebug
     
    Legostaev, Oct 24, 2013
    #9
  11. OlegK
    Offline

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

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Ну то есть нужно прописать ширину и позиции для модуля. Если позиция будет 100px, то модуль не сможет выйти за границы контейнера по горизонтали.
    Вот попробуй поставь модуль карты в позицию слайдера..
     
    OlegK, Oct 24, 2013
    #10
  12. Offline

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

    Joined:
    Aug 27, 2013
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Друзья, спасибо Вам!
    решил проблему добавив в templates.css суффикс для модуля
    Код (html):
    1. .название суффикса {
    2.     border: 1px solid #999999;
    3.     width: 100% !important;
    4. }


    и соответственно прописав этот суффикс в сам модуль.

    Firebug очень помог! изначально он показывал что настройки по ширине и высоте хранятся в element.style в общем суффикс помог!

    Спасибо Вам!! один бы не справился!!
     
    Legostaev, Oct 31, 2013
    #11
< кнопки соц сетей CSS3 | Атрибут FRAMEBORDER устарел HTML5, a XHTML 1.0 ненравиться allowfullscreen >

Share This Page

Loading...