pismenny

У меня в FF всё прижимается. Поэтому я и говорю, что видимо ошибка не в этой части кода.

А какая есть альтернатива IETester? У меня он что-то на W7 как-то глючит.

А как в ST2 можно настроить положение закрывающей скобки "}"? /* Так автоматически расставляет ST2 */ blockquote cite { display: block; } /* А так нужно мне */ blockquote cite { display: block; }

Если бы не эти ограничения - сразу бы писал в ЛС.

Я когда верстаю макет всегда смотрю можно ли прочитать текст отключив картинки. Часто бывает, что на тёмной картинке светлый текст, и если картинки нет, а фон белый - прочитать ничего нельзя. Только с Ctrl+A. Поэтому стараюсь это учесть. Также отключаю css-файл и смотрю можно ли прочитать сайт на чистом html. Не знаю насколько оправданы такие методы, интересно было бы услышать чужое мнение.

Мне кажется репутация очень удобна, если хорошо реализована (в плане юзабилити). Вот, к примеру, на хабре очень много комментариев. И обычно, если мне нужно найти решение - я просто при скролле пробегаю глазами по репутации и читаю те комментарии, где явно большее количество плюсов. Обычно там я и нахожу ответы. К сожалению, на этом форуме репутацией я пользуюсь только для того чтобы понимать адекватен ли человек. Но пока я ещё не выяснил насколько правдив данный "адекватометр".

Раньше у меня была аллергия на слова lounge, ambient, relax, chill-out и т.д. Во-первых у меня это ассоциировалось с дискотеками, которые я терпеть не могу, а во-вторых я всегда думал, что звучит всё это как-то так: "дыц-дыц-дыц-дыц". А потом как-то наткнулся на вот эту песенку Cafe del Mar - Don't let me pass you by. После нескольких дней на повторе песенка мне надоела. Но я ощутил кайф, когда ночью надеваешь наушники, играет спокойная музыка на фоне, а ты что-то делаешь. Теперь обычную музыку, типа рока, могу слушать только маленькими дозами. Из недавнего: http://www.youtube.com/watch?v=TBI6A1UGC1g А ещё недавно догадался включать часовые сборники на ютубе, типа такого: http://www.youtube.com/watch?v=N0LNYTcsJXI А если просто слушать, не работая, то люблю разную музыку, из последнего - Don Edwards - Coyotes.

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

Вам написали, что html и css решают другие задачи, а поиск можно сделать при помощи php. Вот идите и читайте, как реализовать поиск на php. Что непонятного-то?

Добавьте: #container { overflow: hidden; } Но, по-хорошему, нужно всё переделать, особенно там где position: absolute. Установите плагин firebug для FF, чтобы наглядно всё видеть и с помощью него посмотрите, как выглядят другие сайты.

А какие требования у работодателя именно к вёрстке? Свой проект должен быть или что-то другое? По-поводу JS/jQuery я согласен, как раз скоро собираюсь начать изучать "Современный учебник JavaScript" Ильи Кантора и "Учебник jQuery для начинающих" Антона Шевчука. Ну и конечно ещё видеокурсы от "Специалиста" посмотреть и хабр не забыть

<ul id="nav"> <li><a href="#">Graphic</a></li> <li><a href="#">Soft</a> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a> <ul> <li><a href="#">Tutorial</a></li> <li><a href="#">Snippets</a></li> <li><a href="#">Review</a></li> </ul> </li> <li><a href="#">Design</a></li> </ul> </li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Read more</a></li> </ul> #nav, #nav ul { list-style:none; margin:0; padding:0; background-color: #444444; font:12px/28px Verdana, Arial, Helvetica, sans-serif; } #nav { height:28px; width:660px; border:1px solid #000; } #nav li { float:left; position:relative; } #nav li:hover, #nav li.jshover { background-color: #333; } #nav a { display:block; width:80px; color:#fff; padding:0 20px; text-align:center; text-decoration:none; border-right:1px solid #000; } #nav a:hover { background-color:#ccc; color:#000; } #nav ul { border:1px solid #000; border-top:0; border-bottom:0; visibility:hidden; width:118px; position:absolute; top:28px; left:0; } #nav ul a { border:0; border-bottom:1px solid #000; width:78px; } #nav li:hover ul, #nav li.jshover ul {visibility:visible;} #nav li:hover li ul, #nav li.jshover li ul { border-top:1px solid #000; top:-1px; left:118px; visibility:hidden; } #nav li:hover li:hover ul, #nav li.jshover li.jshover ul { visibility:visible; } Посмотрите этот код, <nav> добавить будет несложно.

Благодарю за подсказки, потому что когда сам верстаешь уже не замечаешь явных ошибок. А что можете сказать про уровень самой вёрстки? С таким уровнем не стыдно устраиваться на работу верстальщиком?

Главное проверьте чтобы видео воспроизводилось, там обычно g2m кодек к этим курсам нужен. А про перевёрстывания - это не страшно и постыдного в этом ничего нет. Главное чтобы в конечном итоге вы были довольны собой, остальных не особо волнует.

Я не против использования классов, я за то, чтобы использовать их когда это оправдано. По поводу скриптов. Первый учит IE новым тегам из HTML5 (поскольку использовался тег <nav>), второй учит псевдоэлементам (поскольку подключил :last-child). С одной стороны подключать скрипты - это фу-фу-фу, с другой - именно эти скрипты можно встретить практически на любом сайте где есть HTML5 и CSS3. Так что от этого никуда не денешься.

Эм-м-м... тут лучше заново сделать, чем переделать ЭТО. В данном случае видно, как человек на авось подбирает все найденные в и-нете свойства и теги. Вот мне интересно, почему нельзя сесть, найти какой-то учебник или видеокурс, вдумчиво изучить. А уже когда в голове будет вырисовываться какая-то картинка реализации - тогда уже делать.

Самый корректный способ, который я знаю, - это CSS Sticky Footer. И ещё два вопроса. Зачем делать выпадающее меню на сайте, это раз. Зачем в списке два лишних класса, если в примере выше я показал реализацию без классов, используя только один псевдоэлемент, это два. Вы только начинаете делать сайт, буквально первые шаги, и уже упорно изобретаете свои "велосипеды". Что будет в конце, при таком подходе, страшно представить. Сядьте, разберитесь с каскадом CSS, потом освойте псевдоэлементы (хотя бы :first-child, :last-child, :before, :after), потом освойте CSS Sticky Footer, а потом уже что-то делайте. Потому что опомнитесь, а всё нужно будет переделывать. Хотя может это будет намного эффективнее

kvant, есть золотое правило: don't feed the troll.

Чтобы было легче понять, HTML и CSS это как инструменты в Word: можно создать табличку, можно увеличить шрифт, сделать список и т.д. Посредством HTML и CSS нельзя реализовать никакой поиск. Тот код, который вы показали, для того, чтобы стандартным формам браузера (которые у каждого браузера имеют разный внешний вид) задать другой вид, просто перекрасить и поменять расположение на странице.