Jump to content

Stranger

Newbie
 View Profile  See their activity

  • Posts

    16

  • Joined

  • Last visited

Stranger's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Stranger
    Спасибо за совет. Но для фиксированного шаблона получилось эту чертову полосу сделать только указав min-aidth равный контейнеру, тогда при скролле полоса не пропадает. Может, конечно, костыли, но пока ничего лучше и не нашел.
  2. Stranger
    То есть, если я правильно понял, есть два выхода: 1. Делать полностью адаптив. 2. При фиксированной верстке делать для .stripe min-width:1024, что б при скролле он отображался хотя бы полноценно. Правильно я понимаю?
  3. Stranger
    Возможно, я криво объясняю. Попробую еще раз. Если я задаю stripe ширину равную 100%, то при просмотре с мобильного устройства контейнер (красная область) скролится вправо, при этом .stripe не продолжается на ширину контейнера, а находится только в видимой области экрана (скрол есть, красный контейнер есть, а вот .stripe - нету)
  4. Stranger
    Посмотрел. Поставил Firefox OS Simulator, чтоб смотреть на поведение верстки. Но не добился результата. Подскажите, пожалуйста, на конкретном примере. Был бы очень признателен.
  5. Stranger
    Помогите, пожалуйста, с проблемой.Есть какой то конкретный каркас. Я задаю контейнеру (там, где будет находиться весь контент), предположим, ширину в 1024px. При этом хочу сделать верхнюю строку на всю ширину экрана, то есть, я помещаю его НЕ в контейнер и задаю определенную высоту и width=100%.И тут возникает проблема - если экран, предположим, >1024, то полоса без проблем тянется, но стоит открыть верстку в разрешении, например, с iPad или с любого другого мобильного устройства, или при просмотре через эмулятор мобильных устройств, эта полоса внезапно прерывается.При чем, это происходит, если делаю, например, background:url("какой-то путь") repeat-x transparent;Такая же проблема и в футере.Надеюсь, понятно объяснил.Помогите, пожалуйста, уже весь мозг сломал, но задачу не решил, к сожалению.<!DOCTYPE html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Main</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width; initial-scale=1"> <!--<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>--> <style> body{ margin:0px; padding:0px; } .stripe{ height:50px; width:100%; background-color:black; } .red{ height:400px; width:100%; background-color:red; } .container{ width:1024px; margin:0 auto; } </style></head><body><div class="stripe"></div><div class="container"> <ul> <li><a href="">Пункт 1</a></li> <li><a href="">Пункт 2</a></li> <li><a href="">Пункт 3</a></li> </ul> <div class="red"></div></div></body></html>
  6. Stranger
    Проблема так и не решена. Как я могу прикрепить файл с исходниками?
  7. Stranger
    то ли в глаза долблюсь, но не вижу, как написать в личку, и не вижу как прикрепить файл.
  8. Stranger
    могу я как нибудь вам переслать файл в архиве, чтобы вы на примере показали? Может что то еще предложите. Просто там сложная структура, сам уже не смог разобраться.
  9. Stranger
    Искал в темах, но не нашел подобной. Помогите, пожалуйста, с проблемой. Есть какой то конкретный каркас. Я задаю контейнеру (там, где будет находиться весь контент), предположим, ширину в 1024px. При этом хочу сделать верхнюю строку на всю ширину экрана, то есть, я помещаю его НЕ в контейнер и задаю определенную высоту и width=100%. И тут возникает проблема - если экран, предположим, >1024, то полоса без проблем тянется, но стоит открыть верстку в разрешении, например, с iPad или с любого другого мобильного устройства, или при просмотре через эмулятор мобильных устройств, эта полоса внезапно прерывается.При чем, это происходит, если делаю, например, background:url("какой-то путь") repeat-x transparent; Такая же проблема и в футере. Надеюсь, понятно объяснил. Помогите, пожалуйста, уже весь мозг сломал, но задачу не решил, к сожалению. Хочу прикрепить все связанные файлы архивом, чтобы было понятно Вам, может даже проблема в другом, но не нашел как. Хелп плиз.
  10. Stranger
    Проблема следующего характера: блок с контактами, карта и форма должны быть отдельными блоками, то есть, сначала идут контакты, справа от контактов идет карта, и под контактами находится форма. Помогите, пожалуйста, найти ошибку в коду, т.к. форма после всех манипуляций находится явно не насвоем месте (по фаербагу она залазит на контакты, да и так это видно). Привожу пример кода: <article class = "content" role = "main"> <div class="container"> <div class="sidebar"> <ul class="sidebar_list"> <li class="sidebar_item"><a href="#">Главная страница</a></li> <li class="sidebar_item"><a href="#">Компания</a></li> <li class="sidebar_item"><a href="#">Вывоз мусора</a> <ul class="sidebar_sublist"> <li class="sublist_item"><a href="#">Вывоз строительного мусора</a></li> <li class="sublist_item"><a href="#">Вывоз бытовых отходов</a></li> <li class="sublist_item"><a href="#">Вывоз строительных отходов</a></li> </ul> </li> <li class="sidebar_item"><a href="#">Вывоз снега</a></li> <li class="sidebar_item"><a href="#">Аренда строительной техники</a></li> <li class="sidebar_item"><a href="#">Контакты</a></li> </ul> <div class="offer"> <p> Мы предлагаем </p> <ul class="offer_list"> <li class="offer_item">Вывоз строительного мусора</li> <li class="offer_item">Ввыоз промышленных отходов</li> <li class="offer_item">Ввыоз твердых бытовых отходов</li> <li class="offer_item">Вывоз жидких отходов</li> <li class="offer_item">Погрузка и вывоз снега</li> <li class="offer_item">Аренда стрительной техники</li> <li class="offer_item">Аренда коммунальной техники</li> <li class="offer_item">Клининговые услуги</li> <li class="offer_item">Приобретение вторсырья</li> </ul> </div> </div> <div class="main_content"> <div class="contact"> <p class="contact_header"> Контакты </p> <p class="contact_text"> Мы находимся на Новочеркасском прспекте, дом 44, офис 644. </p> <p class="conact_phone"> Наши телефоны: <span>921 977-10-15</span> <span>901 300-65-17</span> </p> <p class="conact_phone_city"> Городской номер и факс <span>555-55-16</span> </p> </div> <div class="map"> </div> <div class="feedback"> <form action="" method="post">--> <input type="text" name="first_name" size="30"/> <input type="text" name="email" size="30"/> <input type="text" name="theme" size="30"/> <textarea name="comments" class="comment" cols="40" rows="10"></textarea> </form> </div> </div> </div> </article> и css article .container{ clear:both; } article{ background-color:#fff ; } .sidebar{ float: left; width:228px; margin-top: 15px; } .sidebar_list{ list-style: none; background-color:#e7ebef ; padding: 20px 0 25px 15px; border-radius:0 8px 8px 0; } .sidebar_item{ display: block; background: url("../img/content/bullet.png") 0 50% no-repeat; margin-top: 10px; } .sidebar_item :nth-child(3){ background: url("../img/content/bullet.png") 0 5px no-repeat; } //padding-bottom: 10px; .sidebar_item a{ display: block; color:#325596; padding-left: 14px; font-size: 14px; line-height: 18px; } .sidebar_sublist{ margin-left: 12px; list-style: none; } .sublist_item{ display: block; background: url("../img/content/bullet_small.png") 0 50% no-repeat; margin-top: 8px; } .sublist_item a{ display: block; font-size: 12px !important; color:#325596; line-height: 16px; padding-left:12px; } .offer{ margin:25px 0 0 18px; } .offer p{ color: #162745; font-size: 18px; line-height: 24px; } .offer_list{ list-style: none; } .offer_item{ margin-top: 10px; display: block; color: #2d2f32; font-size: 12px; line-height: 16px; padding-left:10px; background:url("../img/content/offer_bullet.png") 0 50% no-repeat ; } .offer_item:first-child{ margin: 0; } .main_content{ margin-left:228px ; } .contact{ margin:55px 0 0 45px; width:298px; float:left; } .contact_header{ color:#4e861f; font-size: 22px; line-height: 26px; } .contact_text, .contact_phone, .conact_phone_city { color: #2d2f32; font-size: 14px; line-height: 18px; } span{ display: block; margin-top: 5px; color: #2d2f32; font-size: 14px; font-weight: bold; line-height: 18px; } .map{ width:335px; height:210px; border:1px solid black; float:left; margin: 85px 0 0 45px; } .feedback{ //margin-top: 50px; width:390px; background-color:#eceef0 ; } form input{ margin-top:20px; } input:first-child{ margin: 0; } Извините, если где в коде напутал что, потому что уже с ног сбился искать ошибку((. Заранее благодарен.
  11. Stranger
    Вот, точно, SSI. Именно эта технология нужна была. Большое спасибо.
  12. Stranger
    Спасибо за ответ. Но решение на PHP я могу найти, просто я неправильно сформулировал вопрос: есть ли какое-то решение, не прибегая к PHP?
  13. Stranger
    Добрый день. Есть такая проблема. Предположим, есть сайт, например, на 20 страниц. Есть меню, в которое я хочу добавить какой то определенный пункт. Собственно вопрос: какую технологоию использовать и как сделать, чтобы, добавив пункт на индексную страницу, этот пункт отобразился и на остальных страницах, без правки кода на оставшихся 19 страницах? Заранее благодарен.
  14. Stranger
    Спасибо за помощь, теперь все замечательно работает!!!))
  15. Stranger
    В том то и проблема. Пробовал, но в таком случае меню вообще не выпадает. Может, еще каким советом поможете? Может, я где0то изначально ошибся в позиционировании родительских/дочерних элементо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept