Catherine

li:hover::before Пример

Как вариант. Сперва доскональное изучение основ HTML & CSS: http://htmlbook.ru/samhtml http://htmlbook.ru/samcss Потом практика: http://divhack.com/node/67

Может, это из-за ошибки? ::befor вместо :: before? У меня все работает ссылка. Если нужна поддержка IE7-8, то я бы использовала :before, так как конструкция с двумя двоеточиями не воспринимается ie8, а для ie7 можно воспользоваться expression'ами, как-нибудь так. P.S. За правильность построения экспрешена тапками не кидать, я в них не спец, но буду рада, если кто сделает замечание по теме

Вот в этой теме речь шла, насколько я поняла, не про вертикальное, а все-таки горизонтальное выравнивание. Если я правильно поняла, то в чем, собственно проблема? Решение.

И задать им отступы нужного размера

http://htmlbook.ru/css/box-shadow

Нет, не jQuery http://ipic.su/img/img5/fs/1340143187-clip-149kb.1340143377.jpg Это сделано с помощью css, псевдоэлемент ::selection

Все работает, только совсем еще не кроссбраузерно, и пока вроде только для IE10+(ссылка), webkit-браузеров и хрома. По поводу "потестировать здесь" надо внимательнее быть со скобками и двоеточиями. Вот рабочий, исправленный пример. Источник - интернет

Я бы убрала размеры у marquee, и поместила его в контейнер, которому и задала размеры. Пример

Рабочий пример z-index без указания позиционирования не работает - почитайте про z-index

Чтобы всплывающие изображения не перекрывались, поместите флеш ролик на задний план: http://d.sumy.ua/blog-reader/items/flash-obekt-na-zadnij-plan.html

Вместо position:reletive: position:relative; Возможно, ошибка именно в этом?

При наведении увеличиваются отступы, поэтому меню сдвигается. Можно сделать как-нибудь так

Чтобы понять, где что "блочит", нужно больше информации. "Вслепую" могу предложить разве только: tr.list:hover { background-color: #666 !important; }

Для начала проверьте код на наличие ошибок валидатором, возможно, пропущен какой-либо тег. Либо выложите ссылку на проблемную страницу.

tr.list:hover { background-color: #666; } ссылка

Выбирайте любой другой, удобный и понятный Вам способ https://www.google.com.ua/search?aq=1&oq=%D1%82%D0%B0%D0%B1%D1%8B+html&sugexp=chrome,mod=14&ix=h9&sourceid=chrome&ie=UTF-8&q=%D1%82%D0%B0%D0%B1%D1%8B+html+css

Возможно, причина кроется в http://validator.w3.org/check?uri=http%3A%2F%2Fvermodje.ru%2F&charset=%28detect+automatically%29&doctype=HTML5&group=0 Line 2, Column 15: Comments seen before doctype. Internet Explorer will go into the quirks mode. <!D0CTYPE html> Т.е, если по-русски, IE перешел в режим совместимости из-за банальной ошибки в написании доктайпа, где вместо буквы "О" стоит цифра "ноль".

У меня всегда есть желание выслушать мнение других людей, но я себя сдерживаю, а то бы меня уже забанили Я знаю, что плохо в моих предыдущих работах, Вы знаете, что плохо в ваших предыдущих работах, но всё ли мы знаем плохого о своих работах? Лично я не уверена на 100% даже в том, что то, что я считаю хорошим, на самом деле таковым является. Всегда можно сделать лучше, только я, пока не столкнусь с этим лично, никогда об этом не узнаю, пока не выставлю на обсуждение всю свою работу. Разные люди-разные мнения, разный опыт-разные ошибки. В своем-то глазу, как говорится, можно и бревно не заметить, а в верстке есть такая особенность, что даже если она нормально отображается в всех браузерах и валидатор не ругается, то не факт, что все сделано красиво и грамотно. Есть люди, которые и после 20-го 'плохо'сайта живут, и все еще не знают, что все так плохо) Лучше бы выставили свою работу на обсуждение.

Почему тему называют "первая"? У меня варианта два: 1) "первая", вынесенная на обсуждение; 2) "первая", чтобы ругали меньше(а человек тем временем такой вот "версткой" не первый месяц занимается и берет за это деньги). И в том, и другом случае хотят оценить уровень своей работы с точки зрения "независимых экспертов" и получить советы. Лично для меня ресурсы подобного рода-единственное место, где я могу что-либо для себя почерпнуть для самосовершенствования, кроме гуглопоиска и "слепого тыкания" по ссылкам, вроде новорожденного котенка. Мне вот, честно признаться, было очень страшно первый раз выносить на обсуждение свою работу, а первые н-цать попыток до нее даже версткой не считаю. В конторе я не работаю, так что опытных специалистов в команде которые могут подсказать, как можно лучше сделать, нет. Приятелей-верстальщиков для приятной беседы за рюмкой чаю не имею, желание заниматься версткой пришло без пинка со стороны. Как узнать, какие я допускаю ошибки, что и где можно сделать лучше, проще, компактнее? Вариться в собственном соку не есть хорошо для улучшения профессиональных качеств, вот и появляются подобные темы. А на htmlbook'е отзывчивый, в большинстве своем опытный народ с дельными советами, очень лояльный по отношению к новичкам, так что таки да, для меня это и в самом деле своего рода мекка. К тому же, не забывайте, на этом ресурсе очень доступные и понятные уроки по html и css для новичков, а кнопочка "Форум" так близко...

SelenIT, спасибо Вам за пояснения и за полезные ссылки! То, что стиль и начертание объявляемого шрифта должны совпадать со стилем и начертанием в месте использования, это я уже поняла. В разных источниках разные варианты подключения и использования нестандартных шрифтов, не дающие однозначного ответа для различных начертаний, ну и совсем сбила с толку меня статья от John Daggett. Рада была получить дополнительную информацию для более детального изучения вопроса!

Спасибо за ответ! Буду разбираться! Искать подводные камни - моя вредная привычка

Может так? #jsddm:hover li.kn1 { background: url('img/kn1.png') no-repeat; }

Или можно добавить паддинг родителю вместо верхнего маргина дочернего блока

А как Вам такой вариант? Основная идея: абсолютно позиционированный блок слева от контента. По-крайней мере это дает возможность увеличения по высоте и ширине без изменения картинки.