PavelTkachev

Переделал всё на article, как Вы и советовали. Почитал докторов html5. Спасибо за помощь!

Так? Нет По спецификации figcaption должен быть на первом или последнем месте. Нельзя сделать его вторым.

Не могу расположить нужным образом элементы. <figure><figcaption></figcaption><img><time></time><span></span><b></b></figure>Мне нужно, чтобы картинка была в верхнем правом углу, а тексты справа не обтекая ей. Я делаю для figcaption display:inline. Для img - float:left. Остальным display:block; margin-left: 150px; Всё работает пока текст в figcaption короче одной строки. В противном случае он заполняет всю первую строке, а img располагается под figcaption. Моя задача решаема? figcaption по спецификации может быть либо первым, либо последним внутри figure.

Спасибо!

Можно ли сделать фиксированный блок по центру экрана без дополнительной обёртки? Делаю так: nav{ position:fixed; width:100%; height:32px; max-width:1000px; margin:0 auto; top:0;}И оно не работает. А как правильно не соображу.

А зачем это всё нужно и как это используется в жизни? То, что я их пропишу - это точно. Но я не могу понять в чём будет польза-то.

Чем меньше данных, тем быстрее работает на мобильном устройстве. А данные для AJAX можно и перекодировать. В других тоже можно через представление utf-8 символа в html или через css. А за ответ - спасибо. Я понял, что для меня нет никакого смысла в переходе на utf-8. Но за предупреждение при валидации всё равно обидно.

Вначале так и было. Но потом я почитал статью http://htmlbook.ru/blog/elementy-figure-i-figcaption и мне показалось отличной идеей использовать figure. Ещё и в силу того, что я внедрил микроформат изображений из schema.org. Как раз есть картинка, название и описание.

Неужели этим никто не пользуется?

Решил я проверить сайт на валидаторе W3C. А он мне и говорит: Legacy encoding windows-1251 used. Documents should use UTF-8. И почему так? У меня сайт на русском. Зачем мне лишний трафик? Какие есть причины делать сайт на utf-8?

У меня новостная лента: картинка, краткий текст, заголовок. Всё это я поместил в figure. А поверх сделал тег a, чтобы всё целиком куда не нажми было ссылкой.

И значит я не могу их помещать внутри тега a... А где про это сказано в спецификации? Я не нашёл. Для тех, кому лень читать всю статью: в HTML нет «блочных» и «строчных» элементов. Это деление — историческая ошибка, чистая условность и анахронизм времен конца 90-х. Элементы HTML различаются между собой не формой и внешним видом, а смыслом и предназначением, именно оно определяет, что во что можно вкладывать. А блочностью, инлайновостью, любыми их комбинациями и др. чисто внешними чертами заведует исключительно CSS. http://css-live.ru/articles/blochnyx-i-strochnyx-elementov-v-html-bolshe-net.html

Подскажите, зачем нужны роли и aria-атрибуты? По моему они также дублируют друг друга. Стоит использовать и то и то, или что-то одно?

Блочными или строчными являются элементы figure и figcaption?

Очень жаль.

Можно ли использовать attr в background? Вот так не работает... background: url(i/attr(data-site).png) left top no-repeat;

Сделайте font-size:72px; для тега a. И всё увидите.

http://jsfiddle.net/h58gq1kr/5/ Получится абсолютно то же самое. По прежнему, если точку удалить, то всё исправляется. Наличие точки смещает в IE надпись на 1 пиксел вниз.

Я сделал position:relative; Это не меняет никак результат. Разве по умолчанию нет значения общего для всех?

Чтобы «.сам» выпирал справа от «летает» и при этом, чтобы «летает» было точно по правому краю «самолёт»

Наверное, надо было написать в «Проблемы верстки»

Важное замечание: «.сам» должен быть именно внутри css

Спасибо большое за помощь.

Мне нужно сверстать ссылку вот такого вида: http://jsfiddle.net/h58gq1kr/2/ Если удалить точку перед словом «сам», то оно становится на одну линию с «летает». При наличие точки в IE «.сам» ниже на 1 пиксел. Можно ли решить эту проблему иначе, чем созданием отдельного стиля для IE с другим значением line-height?

У меня в макете превью новостей состоят из короткого текста и картинки справа. Мне нужно, чтобы текст обтекал картинку. Это легко добиться с помощью float:left; для картинки. Но если текст слишком короткий, то следующий за ним следующий превью новости оказывается накрыт картинкой сверху. Этого можно избежать, если каждому контейнеру дать свойство float:left. Но есть ли другой, более изящный способ?