Catherine

Спасибо за подробный ответ! Тема, согласна, нацатипятитысячная, но меня интересует и процентное соотношение используемых методов, для наглядности, а не только мнения, и, надеюсь, не только меня Был у нас в прошлом году семинар по верстке, и на вопрос "Кто верстает в Dreamweaver'е" три четверти зала подняли руки Так что мнения-мнениями, но статистика вещь тоже любопытная. В данном случае, даже на IE Tester нашлись желающие, а вот онлайн-тестеры, на которые иногда проскальзывают ссылки в темах, популярностью не пользуются.

Доброго времени суток! Вот, собственно, есть у меня вопрос, навеянный темой. Очень интересно было бы услышать мнение профессионалов. Я, например, установила у себя под Win7 WinXP с IE7 на VirtualBox, пока разницы между переключением режимов в IE9 и результатами под VB не замечала. Логика подсказывает перед завершением проекта всегда тестировать верстку на VB, мало ли, вдруг те самые 5% несоответствий окажутся именно в моем случае, но мне интересно, а каков процент верстальщиков каждого из подходов? Поделитесь, пожалуйста, своим мнением)

Атрибуты тегов, мне кажется, должны отвечать за логическую разметку, за визуальное расположение элементов на странице отвечают стили. Такое разделение помогает отделить логику от визуального представления документа. У тега td, к примеру, есть атрибут valign, но его с таким же успехом можно заменить css свойством vertical-align

Если текст заведомо в 1 строку — проще всего поменять height на line-height А если не в одну строку, а их несколько? Вариант номер раз - использование значений table и table-cell свойства display, не работает в ie7 и ниже; Вариант номер два - не указывать явно высоту ссылки, а назначить одинаковые padding'и сверху и снизу. Самой интересно, какие есть еще варианты Господа профессионалы, поправьте меня, если что не так.

Думаю, грамотному работодателю все эти сертификаты до лампочки, у него есть свои вопросы, такие тесты скорее помогут пустить пыль в глаза заказчику, который не разбирается в этой области, при выборе исполнителя без солидного портфолио на фриланс-ресурсах. А само тестирование полезно разве что самому тестируемому, например, мне . Лично мне, как новичку, понравились тесты на http://www.certifications.ru/. Во-первых, аж 40 вопросов и ограниченное время ответа-120 секунд на каждый вопрос, то-есть, если не знаешь, где копать, можешь и не успеть "считерить". Особенно полезно при прохождении практических вопросов-смоделировать и протестировать ситуацию за 3 минуты, скорее всего, не получится Во-вторых, результаты тестирования выводятся в процентах, а не по 5-ти бальной шкале, что более информативно говорит об уровне знаний, и самое главное, можно просмотреть подробный отчет (сильные и слабые стороны, анализ теста по темам). Подобное тестирование помогает выявить слабые стороны и определить пути к саморазвитию. Не более. http://www.intuit.ru/ - совсем не понравились тесты. Во-первых, слишком простые вопросы в количестве 21шт, во-вторых, неограниченное время тестирования Ответил больше, чем на 15(точно не помню) вопросов-получил сертификат. Считаю сертификат от intuit.ru злом - жадный до денег школьник с фриланса начинает позиционировать себя как "высококвалифицированный специалист". Куда интереснее буржуйские тесты на www.odesk.com. 40 вопросов, ограниченное время тестирования - 40 минут, то-есть, реально, если не знаешь ответ, то 60 секунд уже не спасут, тем более, что сам текст вопроса ни выделить, ни скопировать в буфер нельзя Он там, кажется, в виде картинки отображается. Для базового аккаунта(тот, который free) ограничение по количеству тестов - не больше 2-х тестов каждые 30 дней. Вот там реально было стыдно за свои знания Не знаю, как на самом деле обстоят дела, но один человек, который работает через odesk, говорил, что работодатели обращают внимание на результаты этих тестов и при равных шансах кандидатов отдадут предпочтение исполнителю с более высокими результатами тестирования в профильной области

Win7 Опера 11.61. После ухода курсора от ссылки остается часть текста в ховер-варианте, как на картинке. При попытке проинспектировать "непослушный элемент" в Опере лишняя часть текста моментально исчезает. При моделировании ситуации на локальном компьютере подобного поведения не наблюдается. Добавьте к свойствам cсылки font-weight: normal Возможно, font-weight: normal надо добавить и к div#timeCatalogue > ul li ?

Спасиииибо Я раньше делала это, но это не работало, а сейчас .... работает Вот код из dreamweaver'а для картинки и для ссылки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } :focus { outline:none;} </style> </head> <body text="#FFFFFF"> <a href="http://yandex.ru"><img src="home1.bmp" border="0"></a> <a href="http://yandex.ru">ссылка</a> </body> </html> вот без этого не работало Попробуйте изменить порядок описания псевдоклассов: :link :visited :hover :focus :active Порядок описания псевдоклассов для ссылок: http://www.xiper.net/collect/html-and-css-tricks/css-tricks/link-order-desc.html

Пробуйте еще, PIE углы в IE7-8 отлично скругляет. Загляните сюда: http://css3pie.com/

Почитайте про линейные градиенты: http://htmlbook.ru/css3-na-primerakh/lineinyi-gradient Там же есть ссылка на генератор градиентов, облегчающий процесс создания и описания CSS-свойств градиентов

Обнулите отступы, устанавливаемые браузером по умолчанию: * { margin: 0; padding: 0; }

Ссылка не работает

Почитайте про псевдокласс :hover. Обратите внимание на Пример №2. Очень подробно расписано назначение каждой строки CSS.

Не знаю, насколько это актуально сейчас(статейка старенькая, от 25 мая 2009), самой не доводилось использовать, но наткнулась на 10 рекомендаций по html-верстке электронных писем на хабре. Нашла более свежее(от 20 февраля 2011) упоминание использования цветов в почтовых рассылках, на том же habrahabr.ru Вот просто интересно, как с этим обстоят дела сейчас и насколько вообще актуальна верстка почтовых рассылок?

Оффтоп Меня нельзя хвалить, это вредно Но спасибо, очень приятно, я стараюсь. Alexriz, вот что с людьми интернет делает, похоже, что живем в одном городе

Ну с чего-то же надо начинать) Я тоже пока новичек, опыта в верстке еще мало, начинала с вот этого. Сейчас верстаю по этим урокам. Верстка это знания+опыт. Можно перечитать все книги по верстке, перелазить все форумы и вызубрить все свойства CSS, но пока не будет хотя бы одной реально сделанной страницы-Ваши знания ничего не будут стоить. Попробуйте, если что не получается-задавайте вопросы. На этом форуме, если вопрос задан грамотно, Вам всегда готовы помочь) Удачи!

Понимаю, сочувствую))) Начните с этого: Самоучитель по HTML Самоучитель по CSS Если что-то не получается, задаете вопрос в этой же ветке форума вот так Потом делаете страничку, выкладываете ее на обсуждение вот сюда Советы другим новичкам: совет Похожие вопросы и ответы на них: один два три еще

.moduletableloginform { margin-bottom: 10px; }

Google

background: url(img/bgform.png) no-repeat; height: 363px; width: 296px;

Добавьте линии overflow: hidden;

А если вот так?

Что имеется в виду под "делается"? Как подключаются, или как разработать свой? Такие панели для текста называются визуальными редакторами (WYSIWYG). Подробнее: http://ru.wikipedia.org/wiki/WYSIWYG Обзор редакторов: http://habrahabr.ru/blogs/webdev/129262/#habracut Как подключается, например, tinymce: http://www.tinymce.com/tryit/full.php Как разработать свой: http://habrahabr.ru/blogs/webdev/38077/

Супер! Вот вроде не первый раз валидатор вижу, а ни разу не обратила внимание на чекбоксы в опциях Где были мои глаза? Спасибо!

В Google Chrome есть плагин Web Developer называется (В других браузерах не в курсе, т.к. Chrome у меня основной). Там во вкладке Information есть пункт View Document Outline и он в новой вкладке выводит структуру заголовков h1-h6 в документе и указывает на ошибки. Кроме этого в этом плагине еще много полезного, советую. ... Это просто пример. Я например просто исключаю не нужные IE через хаки. Огромное спасибо за ответ! Буду разбираться с Web Developer'ом, тем более, что Chrome у меня тоже основной браузер

Спасибо за замечания! Помогает думать) 1, 2-таки перестаралась 3, 4-на будущее пригодится, учту 5.По поводу класса градиент - в данном контексте он, действительно, лишний. Для построения градиента воспользовалась генератором, где есть следующее примечание: Но так как svg я не воспользовалась, то и дополнительный класс, получается, не нужен. Над именованием классов, видимо, придется еще работать и работать...