Верстаем макет на HTML/CSS, для создания шаблона битрикс. Для работы понадобятся: psd зарисовочка из первого урока и заготовка для верстки скачать. Урок рассчитан на подготовленного пользователя, мало мальски разбирающегося в элементарной верстке таблицами и блоками. Верстаем общий скелет сайта без детализации, дальнейшую доводку до ума будем производить сразу в битриксе.
PS: Заметил несколько не критичных опечаток в коде. Будем исправлять в 5-ом уроке. Особо не влияют на отображение, но все же.
a:2:{s:4:"TEXT";s:123:"";s:4:"TYPE";s:4:"HTML";}
Просмотров: 44567 |
Комментариев:
47
Комментарии
Внимание! все сообщения проходят премодерацию. Ваше сообщение появится после проверки
Гость сайта
|
|
Здравствуйте, а где архив с готовой версткой?
|
Михаил Базаров
|
||
|
||
|
Александр
|
|
Скажите, а можно ли все блоки (header, left, right, footer) сделать таблицей и там выводить контент? Как это скажется на работе сайта?
|
|
Михаил Базаров
|
||
|
||
|
abduRahman
|
|
Здравствуйте!!!
Не могу никак понять с чем связана проблема футера. Точнее его не желание прижиматься к низу, упорно тянется вверх. Следовал всем указаниям урока, но линия футера оказалась сверху текста артикля. |
|
Михаил Базаров
|
||
|
||
|
abduRahman
|
|
Как я заметил, порыскав в гугле. это распространенная проблема. Лично у вас при верстке такой проблемы никогда не было??
|
|
Гость сайта
|
|
Здравствуйте! Пробую делать сайт по вашему уроку, но мне нужно поверх картинки написать ссылку, подскажите как это сделать.
|
|
Михаил Базаров
|
||
а в style.css a.link {width:ширина картинки; height:высота картинки; disrlay:block; background: путь к картинке; } |
||
|
Вячеслав
|
||
|
||
|
Андрей
|
|
Здравствуйте. Подскажите пожалуйста где посмотреть, что почитать. В шаблоне Bitrix 14 версии нет левого блока, только динамическое меню. Можно ли с помощью
<aside class="left"> </aside> это поправить. Как правильно ? Заранее большое спасибо. |
|
Михаил Базаров
|
||
|
||
|
idel
|
||
|
||
|
Константин
|
|
Здравствуйте! Пробую делать резиновый сайт,и сразу столкнулся с проблемкой. Дело в том, что шапка выглядит в виде синей сплошной полоски на которой в левой части нарисованный иконки телефон и почты и соответственно там нужно прописать и телефон и почту, проблема в том, что когда шапку прописываю бэкграундом и она естественно растягивается на 100% то в правой части тоже появляются иконки телефона и почты, если прописываю no-repeat то шапка в правой части обрезается и прижимается к левому краю и уже получается что сайт не выглядит как резиновый. Как сделать чтоб шапка занимала 100% и не повторяла значки почты и телефона. Надеюсь поняли суть проблемы. Спасибо!
|
|
Михаил Базаров
|
||
|
||
|
Константин
|
|
Еще раз перечитайте мой текст, надеюсь теперь поймете, вот сделал скриншот. http://ipicture.ru/Gallery/View/39739015.html
|
|
Михаил Базаров
|
||
|
||
|
Константин
|
||||
|
||||
|
Виктор
|
|
Здравствуйте. У меня есть вопрос. Верстаю резиновый сайт и у меня ниже шапки и логотипа должна быть расположенна большая картинка естественно на всю ширину браузера, в дальнейшем на этом месте хочу сделать слайдер, но сейчас не об этом, так вот, я разместил изображение с помощью таблицы, но когда меняю масштаб сайта то эта картинка деформируется, да она остается привязана к левому и правому краю браузера, но она становится уродливой, меняет размер не пропорционально. Подскажите как исправить ситуацию.
|
|
Михаил Базаров
|
||
|
||
Поделиться страницей
Спасибо, это помогает развивать сайт.
Мой youtube канал.
Сюда я выкладываю видео уроки по разработке сайтов и не только.
Подписывайтесь, скоро будет серия свежих видео-инструкций:
Перейти на канал
