Светлана Г.

line-height:150px; дает этот отступ.

Можно добавить .mb30 clear:both;

Я не вижу никаких полос в Chrome.

Так: http://jsfiddle.net/7bhVa/6/

Думаю, что некорректно задавать всем блокам ширину в %, а одному .calendar_content ul li .right - в пикселях.

Потому что задана ширина блоку .content, в которую помещаются только три .box. Вообще, нужно тестировать слайдер с подключенным скриптом, т. к. он наворачивает свою разметку.

Странно, если в .length лежат оба заголовка, то почему высота ограниченная, да еще такая маленькая - 75px. Зачем? Да и вообще, как-то все сложно вложено друг в друга. Можно header сделать общим с position:relative;, и уже относительно него позиционировать. В .logo я бы оставила только h1, тогда позиционируйте .logo и .h2 относительно header. И не надо злоупотреблять указанием высоты при особой необходимости, уж лучше указывать min-height.

Потестирую rem, спасибо!

Здравствуйте! Есть у меня сайт, который был сделан во времена, когда никто не задумывался о необходимости создания мобильных (адаптивных) версий. Сейчас такое время пришло, и я хочу доработать сайт, чтобы его удобно было просматривать на мобильных устройствах. В частности, сейчас меня волнует проблема читабельности текстов. Например, на моем iPhone 4, текст прочитать невозможно. Хочу эту проблему решить в первую очередь. В верстке я решила ничего глобально не менять, а только дописать стили для различных разрешений с помощью media queries. Вопрос: какие единицы измерения следует использовать для достижения поставленных целей? Пока есть такой вариант: body {font-size:100%;}p {font-size: 1.25em;}Но, читая книгу Тима Кедлека "Адаптивный дизайн", возникли сомнения. например, там написано о том, что у различных устройств размер шрифта по умолчанию сильно разнится - у некоторых может достигать 26px. Не окажется ли поведение моего сайта непредсказуемым с таким подходом?

Нашла вот такие эффекты с текстом (кому-то может пригодиться): http://www.hongkiat.com/blog/css3-animation-advanced-marquee/ Демо: http://media02.hongkiat.com/marquee-css3-animation//demo/index.html http://media02.hongkiat.com/marquee-css3-animation//demo/index2.html

Спасибо, здесь столько интересного - буду изучать. Тоже интересно, спасибо!

Здравствуйте! Есть задание разместить на сайте некоторый рекламный текст, который сразу бы бросался в глаза. Я думаю это сделать с помощью каких-либо эффектов, с помощью CSS3. Я нашла подобный пример, но он только для webkit: http://css-tricks.com/examples/SlideToUnlock/ Подскажите, пожалуйста, какими свойствами можно воспользоваться? Думаю, что поддержка старыми браузерами не обязательна.

1. position:absolute не использовать, т. к. блок вырывается из потока; 2. Использовать - visibility:hidden; вместо display:none.

а зачем width изменили? Потому что общая ширина увеличится, и текст вылезет за пределы картинки. Вот это правило исправит ситуацию и ширину не нужно будет менять: box-sizing:border-box; http://jsfiddle.net/Su5Pa/3/ Это для современных браузеров.

Вот: .input2{ padding:0 10px; width:314px; }

http://www.xiper.net/collect/html-and-css-tricks/verstka-form/design-input-type-search.html

Насколько я знаю, такой специальной возможности нет. Совет: наиболее точно последуйте этим указаниям Яндекса и тогда вероятность того, что сниппет будет сформирован из текста будет минимальна:

http://jsfiddle.net/SvetaGr/YBNBX/3/

Вот так: http://jsfiddle.net/SvetaGr/YBNBX/

Можно поместить текст в одну колонку, а картинку - в другую колонку. И позиционировать картинку: background-position:50% 100%.

Тогда нужно использовать js. Я не сильна в нем, к сожалению.

.comm нужно задать position:absolute; .title вынуть из .mt Ну и right:0; top:0;

Блок .comm можно поставить после всех .writer и .mess в коде.

Решить задачу можно, например, с помощью абсолютного позиционирования блока .comm, поместив все блоки .writer и .mess в общий блок, дать этому общему блоку position:relative;

Блок с position:fixed; позиционируется относительно области просмотра. Так и происходит. А задавать элементу с position:fixed; еще и float:left - бессмысленно. Он не применяется: float:none; - в рассчитанных стилях, дебаггером это видно.