Jack_V

Не столько критика, сколько вы просто могли не углядеть, что с ссылками беда: а) "шапка" на главную работает только в главной; б) в навигации необходима большая активная площадь; в) на главной в содержимом картинки могли бы быть ссылками; г) http://for-droid.ru тоже ведь ссылка. Навигацию лучше вертикально сделать. А еще про ритм текста не забывайте и отступы.

Скорее что-то с браузером было.

Не совсем понимаю где тут вообще должны быть иконки.

А если задать блоку с текстом левый и правый padding равный ширине псевдоэлементов, это не решит проблему?

Просто сложно понять, чего конкретно вы хотите добиться, а возможно все) Метод с изъянами, но уже ближе? https://jsfiddle.net/Jack_V/k2f6eqo3/3/

Я не знаю какая ширина будет у линий Можно так, а ширина относительно родителя меняется. https://jsfiddle.net/Jack_V/k2f6eqo3/

В седьмой строке лишний закрывающий тег. Если не придерживаться XHTML, то li вовсе можно не закрывать. А по вопросу: не ясно (лично мне) какого эффекта вы хотите добиться. Данный вариант уместен к рассмотрению: li>ul>.active?

Всегда пожалуйста)

А вернее всего span-ы сменить на div-ы и добавить к ним псевдоэлементы. Или просто псевдоэлемент к span с особым шрифтом. Или же опять извращаться и добавить к span псевдолемент с прозрачным текстом. И вариантов уйма еще.

Но если извращаться, то вот: .cdetails span { padding-left: 16px; margin-right: 16px; background-image: linear-gradient(to right, transparent 10px, white 10px), url("http://only-minecraft.ru/templates/Bars/images/icons.png"); background-repeat: no-repeat, no-repeat;}.inauthor { background-position: 0 0, -10px 0; }.indate { background-position: 0 0, -20px 0; }.incomments { background-position: 0 0, -30px 0; }

Почему тогда просто вот так не сделать? <div class="cdetails">{link-category} <div class="icon"></div> <span class="inviews">{views}</span> <div class="icon second"></div> <span class="inauthor">{author}</span> <div class="icon third"></div> <span class="indate">{date}</span> <div class="icon fourth"></div> <span class="incomments">{comments-num}</span></div>.icon { display: inline-block; margin-left: 16px; width: 10px; height: 10px; background: url("http://only-minecraft.ru/templates/Bars/images/icons.png") no-repeat 0 0;}.second { background-position: 12% 0; }.third { background-position: 25% 0; }.fourth { background-position: 37% 0; }

Писал месяц назад на мыло, но ответа не получил. Если актуально - то рад помочь.

Вот уже пару-тройку месяцев посвящаю свободное время верстке. Интересует критика этой верстки: одностраничник (его psd макет). Вопросы: 1) использовал для разметки vw и vh (кроссбраузерность). Насколько это неправильно? Правильнее ли для шрифта использовать rem и em? 2) как без использования скриптов сделать автоцентр на фотографиях?* 3) почему css валидатор ругается на префиксы? 4) иногда при медленном интернете, на опере, меню (проекты-контакты) сползает вниз, как с этим бороться? Заранее ОГРОMНОЕ СПАСИБО всем неравнодушным. * | :active по картинке снизу => картинку видно полностью |