Подписка
Email
Fb
RSS
Twitter
Email

Уроки верстки — заканчиваем с CSS

уроки верстки сайтаВсем доброго времени суток, в эфире очередной урок верстки сайтов. Сегодня будем прописывать стили для сайдбара, футера и закончим работу с нашим файлом css стилей и тем самым практически завершим верстку шаблона.

Посмотрим, какие могут возникнуть трудности с применением свойства float и как их решать. Так же сделаем меню с разделителями, которое будет расположено у нас внизу страницы — в футере.

В видео я сказал, что на следующем уроке покажу, как проверять валидность кода и кроссбраузерность. Но я думаю, что сначала, то есть в следующий раз, лучше доделаем слайдер, а уж потом разберемся с остальными вопросами. До встречи!

Вы можете оставить комментарий.

30 комментариев к записи “Уроки верстки — заканчиваем с CSS”

  1. Андрей:

    Денис, огромное спасибо за курс! Каждый раз жду продолжения с нетерпением!!! Есть просьба: Вы немного правили в процессе css верстки шаблон html. Выложите пожалуйста, если не сложно, окончательные версии css и html. Еще раз спасибо!!!

  2. Антон:

    страницу с постом оформить будете?

  3. Simplex:

    Скорей бы следующий урок :)

  4. Dmitry:

    Денис, очень вовремя показал такую функцию как overflow:hidden; =) однако есть проблема: если выделить весь текст на «нормально» сайте, то выделяется только текст, когда я пытаюсь выделить свой текст (crl+A) то у меня почему то попадают межблочные элементы или отступы margin, padding и т.д. в чем проблема? надо добавить, что в самом блоке текст выделяется правильно и корректно, но стоит только отвести мышку в сторону — выдеются не нужные области. 

  5. Андрей:

    Сделайте пожалуйста урок с созданием форума для сайта

  6. Вячеслав:

    Скажите, пожалуйста, как закруглить углы в блоке? Блок не большой padding: 15px.

  7. mirinda:

    Доброго времени суток, DenWeb.как сделать, чтоб в поле для ввода изначально был текст (например со значением value="введите ваш email"), а при установке в поле для ввода курсора, оно само очищалось?к примеру, как у Вас : поиск по блогу или Обновления DenWeb:

  8. mirinda:

    спасибо большое, получилось=)

  9. у меня почемуто свойство #header ul li a:hover {    height:41px;    display:block;    text-decoration:none;     color:#333;}  применяется ко всем ссылкам, а не только к находящимся в #header.Пробовала прописывать a:hover для любых других ссылок на странице — не реагирует вообще. При этом если для этих же ссылок прописть просто a: наприемр цвет — нормально отображает. В чем может быть проблема? 

    • В принципе все правильно прописано, должно работать. Где-то ошибка есть, сложно сказать не видя всего документа.

    • exe:

      Скорее всего <div id="header"> закрыли не там, у меня такое было, случайно закрыл почти в самом низу

  10. и еще вопрос — у меня в списке рубрики блога сам список выглядит так: >Рубрика 1>Рубрика 2>Рубрика 3т.е. маркер на одной строке, текст на другой

  11. Михаил:

    Добрый день,объясните пожалуйста что делает  « <div class=»clear"></div> " ?

  12. Ирина:

    Ура! Я сверстала свой первый сайт! Изучение верстки, так скажем было для меня делом не простым. Спасибо вам огромное, все не так сложно, как казалось)

  13. Антон:

    Денис, объясни, пожалуйста, почему 2 секция не уместила две картинки и стала такой маленькой? И как работает overflow?

  14. Михаил:

    Я сделал все как у вас но в #footer_nav у каждой ссылки слева появились цифры. Они даже наезжают на сами ссылки.Вот так. ГлавнаяО насСервисыПортфолиоКонтакты   Что делать?

    • Михаил:

      Там почему-то не видно. Вот так  Главная2.    О нас3.   Сервисы4.Вот код#footer_nav li{float:left;border-left:1px solid #666;padding:0px 20px;margin:0 1px 0 −1px;}#footer_bottom p{float:right;padding: 20 px 20 px 0 0;}

Оставить комментарий

Spam Protection by WP-SpamFree

Яндекс.Метрика