DStereo

mediaqueries служат, в большинстве случаев, чтобы модифицировать уже существующие стили при определённых условиях. Например у вас уже есть какой-то блок, скажем .main-menu и для него уже существуют стили. Эти стили применяются ко всем возможным разрешениям экрана или расположениям экрана устройства: .main-menu { ... } и вам потребовалось при ширине экрана меньше 800px внести какие-то модификации (сделать меню уже, перестроить какие-то блоки внутри и т.д). Тогда у вас уже будет такой код: .main-menu { ... } @media screen and (max-width: 800px) { .main-menu { ... } } а если вы хотите чтобы стили применялись только при определённых условиях, а не для всех возможных, то вам нужно сразу вносить стили в блок с mediaqueries: @media screen and (max-width: 800px) { .main-menu { ... } }

В данном случае вам поможет display:inline-block или float:left.

Согласен. Валидатор скорее служит как некое подобие spell check, только для тегов.

Полоска скорее всего возникает из-за того, что у h2, который находится сразу же в начале блока content, есть верхний margin, который браузеры задают по-умолчанию. Поэтому этот margin отбивает header и получается полоска. Учиться и все прийдет с опытом.

Тут без дополнительных элементов не обойтись. Например так: <div class="header"> <div class="header-top-wrap"> <div class="header-top"></div> </div> <div class="header-bottom-wrap"> <div class="header-bottom"></div> </div> </div> .header-top-wrap,.header-bottom-wrap{ background: url(../images/header_top.png) repeat-x; height: 28px; } .header-top,.header-bottom{ width:720px; margin:0 auto; }

Да, есть такое. К тому моменту когда писали xhtml dtd, то не предполагали использовать именно такие теги. Но у современных, да и не очень браузеров, есть особенность, что теги, которые они не понимают, они все же выводят, вернее выводят их содержимое, но вот стилизовать эти теги может и не удасться. Ну, а для ie нужно пользоваться соответственно хаком document.createElement().

Думаю, что ничего не развалится, но вот валидатор будет страшно ругаться. Да и зачем вам это? Стандарт html5 позволяет использовать как html синтаксис (<br>), так и xhtml (<br />). Единственное что нужно только придерживаться выбранного синтаксиса на всем проекте (проектах).

Проверьте в какой кодировке у вас сам файл, он у вас может быть не сохранен как utf-8, а в другой кодировке.

У вас DOCTYPE куда-то потерялся в уже натянутом состоянии.

Еще вот здесь можно глянуть.

Вырежте картинку с градиентом, а все остальное залейте фоновым цветом. Например: background:#fff url(../images/bg.jpg) repeat-x 0 100%;

Делай так: <a href="#"><img width="10" height="10" src="transparent.gif" alt="_"> Какой-то текст</a> a img{background:(sprite.png) no-repeat 0 0;vertical-align:middle} Делаем однопиксельную прозрачную гифку и выставляем размеры которые нужны для иконки. Ширина и высота иконки будут фиксированные даже если текст будет в em и может масштабироваться. Ну и соответственно выставляем background-position в нужное положение, чтобы показалась именно необходимая иконка.

Добавьте: div.text div{ white-space:nowrap; }

Скорее всего человек просто вводит код через direct input и у него выскакивают пару предупреждений на подобии этого: Using experimental feature: HTML5 Conformance Checker. и Using Direct Input mode: UTF-8 character encoding assumed

Да, это само собой, конечно там все нужно перечитать. Просто привел как наиболее понравившееся произведение.