Zverushka

Можно легко в режим войти, кстати, с помощью гормона Мелатонина. Пробовала пить за час до сна - легко засыпала. Вроде безвредный гормон сна.

Я вот удивляюсь, кто сказал, что 8 часов положенные? Это же минимальный порог сна, как прожиточный минимум. По-моему нормальный сон - это 10 часов.

Потому что li растягивается под размеры картинки и ей не в чем выравниваться. В свою очередь li имеет positon absolute и выпадает из потока, поэтому родительский ul не растягивается нормально под li. С третьей стороны margin: 0 auto; не действует с позицией absolute.

Я тоже в 4 утра ложусь. Когда не работаешь в реале, почему-то всегда график вот так сползает...

@SelenIT, Блин, ты ЧУДО!!!! Спасибо огроменное! Все оказалось очень хитро!

@npofopr, Я очень хотела сделать независимым блоком верстку, но я не знала как! спросила совета на форуме - но никто не ответил. Но я не могу держать верстку по несколько дней (это срочная верстка на сутки), ее надо сдавать и пришлось сделать единственным методом, пришедшим в голову. Если вы можете подсказать, как это реализовать другим способом - я буду очень благодарна. Напомню, первая версия с кривыми кнопками и контентом, но с независимыми блоками - вот http://zverushka.zz.mu/sani/ Если сделать таблицей - это ведь будет по сути ничем не лучше. чем мой вариант. Очень бы хотелось узнать как реализовать. Надеюсь на ваш профессиональный опыт и подсказку!

Не пойму что за фигня. Красная кнопка "купить" на сайте http://zverushka.zz.mu/chehol/ Обычное состояние padding: 1px 0 0 2px;. Наведенное - padding: 0; Стоит box-sizing: border-box, но когда на навожу на кнопку - все блоки пляшут. Не понимаю, почему. При этом похожую кнопку я реализовала и все ок было, а тут видимо закралась какая-то ошибка. Не могу понять, что за ошибка.

@cyklop77, Хаха, да, есть в этом эзотерическая тренировка сознания )).... Сначала надо очистить разум, оказаться на грани сна и при этом не заснуть. У меня обычно все заканчивается на заснуть =).... Так как полностью очистить сознание и держать его таким некоторое время требует больших усилий воли.

@advokatua, Ты знаешь, когда у меня был лимитный интернет (2,5 рубля мбайт) и очень хреновый инет, который еле закачивал 10 мегабайт в час - у меня картинки, флешки и прочее - все было отключено, чтобы минимизировать траффик. Про тестинг согласна - что-то там нечистое. Интересно глянуть более достоверные источники, чтобы сравнить производительность.

А ты точно не допускал ни одной мысли, эмоции в голове, то есть вообще ни о чем не думал?

Прочти обязательно Мержевича - верстка веб-страниц. Там есть хорошая практическая часть.

Тут тоже не соглашусь, сейчас телефоны работают не хуже, чем 10 летней давности компьютеры. А когда ты отказываешься от поддержки ие7, ие6 это как правило как раз те юзвери, которые сидят на древнем железе и ни в ус не дуют, что у них что-то не так и существуют другие браузеры). При этом на старом железе та же вин7 просто не потянется)... В общем подобная конструкция div div div div div div a > a div .x a ul li a у меня также как #id создается за 60 мс. Наверное в верстке сайтов надо еще стараться не остаться в прошлом, стараясь угодить всем и при этом применяя ненужные паттерны, которые уже не дают выигрыша, зато ухудшают читабельность кода.

Наоборот, у тебя валяется большего размера картинка и она больше весит в кб в итоге сайт не оптимизирован получается. По селекторам. Ха, я тащусь. Решила почитать на эту тему и наткнулась http://stevesouders.com/efws/css-selectors/csscreate.php?n=1000&sel=%23id&body=background%3A+%23CFD≠=1000 http://stevesouders.com/efws/css-selectors/csscreate.php?n=1000&sel=.class&body=background%3A+%23CFD≠=1000 http://stevesouders.com/efws/css-selectors/csscreate.php?n=1000&sel=div+div+div+div+div+div+a&body=background%3A+%23CFD≠=1000 У меня грузится одинакого). Вот еще 10 лет назад у меня был слабый комп и сайты грузились долго не потому,что комп слабый. а потому что коннект слабый и я уверена, что ни на одном сайте с этой темой не заморачивались. Возможно это где-то на крупном и при этом специфическом проекте будет полезно... но и то как исключение... http://frontender.info/writing-efficient-css-selectors/

http://cssdesk.com/RkwjA Наверное разрыв строки виноват

Да, именно так и писать, а что в списке еще может быть? li он и есть ли и не нужны ему подклассы. Так удобнее задать же в пикселях сразу нужное значение для стандартного текста на странице и уже ничего не переопределять, им и пользоваться. Захочешь увеличить - в боди меняешь и везде меняется, удобно http://gsnedders.html5.org/outliner/process.py?url=http%3A%2F%2Fwebdevelop.zz.mu%2Fbusiness-1%2F%3F%23 Видишь внутри статьи появился новый оутлайн документа - он же там не нужен. Значит в принципе неверно секшин использован Через всевдоэлемент залепить думаю в любом случае можно - задать ширину поменьше и бодер указать. Так это в каждом 2м дизайне встречается, наверное, там обычно большая картинка слинкована с обрезающим слоем - вобщем надо было в фотошопе обрезать и задать ограничения по размеру в css

Еще можно display: block, margin: 0 auto;

Пришлось вчера вечером все переделывать на такой вариант http://zverushka.zz.mu/sani2/ Думала таблицы помогут (табличное отображение), но я не увидела в чем это упростит код и сделала просто слоями....

<nav class="main-nav"> <a href="#" class="main-nav-item">Home</a> В общем не нужен класс для ссылки внутри, итак понятно, что любой тег будет иметь это же оформление, что и .main-nav-item .main-nav a {} без лишних классов. И честно говоря непонятно, зачем задавать относительные размеры шрифтов. Это раньше при фиксированном размере шрифта пользователь не мог увеличить шрифт в настройках браузера, сейчас браузер увеличивает все пропорционально, любую страницу, не зависимо, что в параметрах шрифта указано. А вот если в каком-то браузере стоит шрифт большой, то вся верстка может поехать при большом шрифте. <article class="article"> <h1><span>Veroeros</span> sed dolor</h1> <div class="underline"> </div> <section class="article-text"> <div class="article-photo"> <img src="i/article/china-1.jpg" alt="chinesez-1"> </div> <p><strong>Fusce nec eros augue</strong> hendrerit erat. Nam dapibus lorem ipsum <a href="#">dolor et suscipit</a> semper. Lorem amet sed consequat.</p> <p>Sed fermentum dui in bibendum tempus, est orci iaculis dolor vel gravida varius, dui est <a href="#">tincidunt augue vel</a> facilisis mauris turpis ac mauris. Etiam elementum odio ac erat convallis sit <a href="#">amet porttitor libero</a> sed vestibulum.</p> </section> </article>Какой секшин для текста внутри артикл, что это. Так бывает, но не в этом же случае и не для текста статьи. <div class="underline sub"> </div> <h3><time pubdate="2009-09-15">09.15.2009</time><a href="">Tempor dolor aliquet vel donec</a></h3> <h3><time pubdate="2009-09-12">09.12.2009</time><a href="">Odio magna suscipit bibendum eget</a></h3> <h3><time pubdate="2009-09-09">09.09.2009</time><a href="">Nulla sed dolor nibh aenean lorem</a></h3> <h3><time pubdate="2009-09-05">09.05.2009</time><a href="">Tellus fermentum imperdiet sed</a></h3> <h3><time pubdate="2009-09-02">09.02.2009</time><a href="">Justo maecenas erat neque iaculis</a></h3> <h3><time pubdate="2009-09-30">09.30.2009</time><a href="">Euismod sit amet cursus et ante </a></h3>Какой-то сомнительный ряд h3 заголовков. За заголовками должно следовать хоть какое-то описание, иначе это больше, чем на текст, список итп - не тянет. <h2><span>Blandit</span> lorem et dolor</h2> <div class="underline sub"> </div> Элемент оформления в разметке - удалить и сделать через css. <label for="search-input"> Такого id Нету, поэтому и не работает, как я вижу. Да и в чем смысл - я нажму на надпись search и курсор перескочит, зачем. Многие картинки обернуты в слой, а зачем. Сделать их block и задать им разметку, зачем плодить лишние обертки. Также картинкам необходимо ограничить размеры через css, вдруг вставят огромную и что будет?

Тоже самое. Я раза 3-4 пыталась осмыслить БЭМ, смотрела семинары, читала, потом смотрела этот кодддд... так называемый. И понимала, что даже на стадии просмотра написанного кода классов, сталкиваюсь с чем-то мозгодробительным и схватывала скрежет мозгов, похожий на головную боль. Пока от проектов "сделать с БЭМ" шарахаюсь. Слав богу заказов и без этого хватает.... Кстати на хабре есть статья, где в комментах БЭМ все, кому не лень полили помоями). Но есть и совершенно обратные восторженные отзывы). Блин, если честно, по этой причине меня отталкивают больше проекты - там придется работать с ЭТИМ.... Почему же, можно любой элемент считать. http://cssdesk.com/fRqP9

Удалено. Удалите, пожалуйста, тему.

А класс яндекс метрики ты где создаешь? На главной странице? Скрипт в отдельном файле же не поймет, что за метод и откуда он и что за сущность с методом, если ее в этом же файле не создать. Так ведь?

Спасибо!

Здравствуйте. вот у меня раздел каталог на сайте http://zverushka.zz.mu/sani/ Там как видите кнопки купить и цена на разном расстоянии. Можно ли добиться, чтобы они автоматически выравнивались, не оборачивая в строку по 3 кнопки одновременно? Чтобы сущность article осталось целой и ее не пришлось разбивать на строки.

В общем 2 пиксель border-radius кнопка формы submit "заказать звонок" (желтая) в айпаде выглядит как круглая. ВТФ??? http://zverushka.zz.mu/climat2/

Так для этого и существуют 2 вида списков - упорядоченный и неупорядоченный. Если работы возрастают по прогрессу - это уже упорядоченный OL, а если просто набор и не важно в каком порядке - то UL. А ты получается считаетшь, что любой список должен быть в чем-то упорядочен. А если посмотреть на все это с другой стороны - как отразится на пользователе и на поисковых системах, если я сделаю списком - меню - слайдер - список новостей в aside (обзор) - каталог товаров - примеры кровельных работ (фотографии). Как это повлияет? Мне как разработчику удобнее в коде видеть ряд столбиков ul li, чем непонятные div - как-то сразу видно, что это набор однотипных значений, а с div надое еще думать, что это и разбираться.