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

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

Из списка, Глушановского читал, в целом понравилось, только вот после прочтения "Путь демона" осталось впечатление, что автор должен был побыстрее закончить цикл и так все резко оборвалось.

Мне всегда родители говорили в школе - читай. Я вроде и читал, но как-то скудно и не очень хотелось, а теперь думаю, блин, почему я раньше не читал книги, ведь никто же не заставлял читать только школьную программу, тем более, что у родителей и до сих пор стоит целый шкаф забитый книгами с фантастикой. rus, да я понимаю, что в целом фильмы не будут соответствовать книгам, просто когда ты читаешь и у тебя уже складывается четкий образ, то тяжело согласиться с тем, что показывают в кино, но это чисто субъективно.

Из Бредбери нравится "451 градус по фаренгейту". А так вообще можно почитать того же Герберта Уелса - "Машина времени" и "Война миров", особенно после прочтения этих книг фильмы снятые по мотивам просто отвратительны и не соответствуют книгам.

Когда начал читать первую книгу "Безымянный раб", как-то суховато было, но это всегда так вначале, а потом затянуло так, что уже было не оттащить, читал взахлеб. Еще посоветовал бы - Ник Перумов "Гибель богов".

Виталий Зыков - цикл "дорога домой", Степан Вартанов - цикл "Путь в тысячу ли", особенно роман "Эй-Ай".

Я думаю, что в таком случае подойдут селекторы типа :nth-child(n) и nth-of-type(n), но они не работают для ie ниже 9 версии. Да и вряд ли на практике возникнет такая ситуация, когда нужно применить стили только если у элемента есть соседи следующие за ним, разве что только для эксперимента. Но вообще на javascript такое можно реализовать.

Так как все блочные элементы растягиваются на всю ширину своего родителя, то добавьте: .search{ display:inline-block; } Или: .search{ float:right; }

Прошу прощения, там опечатка, я имел в виду text2, а не text1.

то стили бы применились только для text1. Тут я с вами поспорю, стили применятся ко всем соседним li (кроме .text1) которые являются детьми .list http://jsfiddle.net/ShootingStar/6NaVG/ Свойство color наследуется, поэтому для всех потомков .text2, цвет текста тоже будет красный. А потомками для .text2 являются list2, subtext1, subtext2. Попробуйте задать ненаследуемое свойство, такое как border и увидите сами, что произойдет.

У вас появляется ошибка, которая приводит к остановке скрипта. Так как в начале у вас код для клика срабатывал раньше чем ошибка, то выводилось сообщение, а во втором случае код для клика находится ниже чем код при котором срабатывает ошибка, соответственно скрипт уже перестал работать. Важно учитывать, что браузер парсит (выполняет) html, css и javascript построчно, начиная сверху и до самого низа.