hedgehog

А прокрутка в центральном блоке для того, чтобы у всех трех колонок всегда была одинаковая высота, вне зависимости от контента?

но как-то же вы получили письмо? или веб-интерфейс почтового сервиса уже не подходит для получения почты от вашего сайта?

например, так

Клик на блоке со ссылкой или на ссылке меняет цвет фона: http://jsfiddle.net/YuntS/ Клик только на ссылке меняет цвет фона: http://jsfiddle.net/BWYem/ Следующая конструкция означает, что по клику на ссылке в первом div'е внутри элемента #opacity будет задавать определенный цвет фона для #target $('#opacity div').eq(0).find('a').click(function(){$('#target').css('background', 'red');}); подключать либо отдельным файлом (как jquery), либо так: <script type="text/javascript"> $(document).ready(function(){ $('#opacity div').eq(0).find('a').click(function(){$('#target').css('background', 'red');}); $('#opacity div').eq(1).find('a').click(function(){$('#target').css('background', 'blue');}); $('#opacity div').eq(2).find('a').click(function(){$('#target').css('background', 'green');}); }); </script> если будет ругаться что-то вроде "$ not a function", то придется заменить все $ на jQuery или заключить весь этот код внутрь такой конструкции: (function ($) { некий код })(jQuery); если честно, я еще не до конца понимаю, почему в одних случаях нужно объявлять эту функцию, а в других - нет. возможно, дело в других подключенных скриптах

разнца в подходах в первом варианте фон передается через атрибут data-, а во-втором - привязан в скрипте к положению в DOM. третий вариант - добавлять атрибут onclick элементу, вызывающий функцию смены фона это весьма популярный фреймворк. здесь можно обойтись и чистым JS, но я сходу не берусь на нем набросать подобное, разве что с использованием onclick... с JS/jQuery я только начинаю знакомиться

На jQuery это можно реализовать в две строки. Набросаю пример, когда буду за компом jQuery: http://jsfiddle.net/dCdCJ/ или http://jsfiddle.net/yYSj3/

очень круто, плюсую! мне еще учиться и учиться... появились некоторые мысли по этому поводу: 1. при потере фокуса ссылкой блок возвращается в исходное положение, а с :target, как я понимаю, возможен вариант, когда состояние сохраняется до обновления страницы 2. вместо невидимых блоков можно использовать свойство "content", если нет ничего вложенного? 3. в ие6-7 все равно нужен JS или можно обойтись классами для ссылок (в варианте с :focus)?

т.е. кликнули по ссылке, а фон сменился у какого-то другого блока на этой же странице? тогда фокус тут не поможет. для CSS3 браузеров :target, для устаревших - JS. если опять не то, опишите подробно задачу.

Я подозреваю, что эти нестандартные аттрибуты используются скриптами на сайте сам столкнулся с похожей проблемой, когда нужно было передавать путь к видео по клику на картинке посредством аттрибута "rel". Поэтому тоже интересует этот вопрос.

это происходит потому, что вы одним махом отменяете все стили для этого меню. а по умолчанию список выстраивается вертикально вверх. без стилей тут сложно что-то сказать кроме того, что следует ознакомиться хотя бы немного с html/css, чтобы разместить контейнер в нужном месте и задать ему нужные стили

a { display: block; background: url('background.png.') no-repeat; } a:active { background: url('active.png') no-repeat; } оно? для ие6 может понадобиться haslayout

Объем текста, наличие и плотность ключевых слов в скрытом тексте, внимание конкурентов - все это увеличивает шанс схлопотать бан. Особенно если целью является черная раскрутка, а не повышение юзабилити. Как оказалось, от спойлера заказчик отказался.

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

Я понимаю, что здесь не очень приветствуют сео, но все же осмелюсь задать вопрос. Заказчик хочет, чтобы бОльшая часть текста на странице скрывалась под так называемым спойлером и при этом интересуется, как на такое отреагируют поисковые системы. Мне же ответить нечего, так как с SEO у меня очень "не очень". Реализовано следующим образом: текст, который я прячу под спойлер, обернут в блок. Во время загрузки страницы блок прячется джаваскриптом (display: none) и выводится строка, клик по которой отобразит скрытый текст, а повторный - спрячет обратно. Средствами CSS я ничего не прячу, т.е. при отключенном JS пользователь будет видеть весь текст. Будут ли поисковые системы считать этот текст "скрытым"? Может ли это отрицательно сказаться на ранжировании?

Создайте карту сайта, зарегистрируйтесь в инструментах вебмастеров, скормите яндексу сайт с картой и ждите... Яндекс индексирует долго, я ждал около месяца, пока весь сайт попал в индекс и пока изменилось основное зеркало

кстати, недавно столкнулся с таким же случаем, даже отписался про этот велосипед на форуме теперь читаю и стыжусь, хоть велосипед и пригодился крепко

aside и article местами поменяйте. либо укажите article ширину, уберите правый отступ и задайте float: left. это позволит выводить articles раньше aside (ширина фиксированная, судя по примеру)

на будущее: чтобы посмотреть, какую кодировку (да и не только кодировку) сервер отдает в заголовке, можно посмотреть следующим образом: 1. если под рукой есть curl: curl -LI адрес_сайта 2. если нету: http://www.seoconsultants.com/tools/headers

возможно, я неправильно понял ситуацию... но зачем? по умолчанию браузер добавляет внутренний отступ слева у ul. у оперы, например, это 40px. не лучше ли будет просто уменьшить этот отступ, чем задавать одновременно и внешний отрицательный, и внутренний положительный отступы? ul ul {padding-left: 20px;}

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

извиняюсь за невнимательность

для верстки заголовка в вашем примере достаточно будет одного блока (div, hX - не важно) с прозрачным фоном и вырезанной фоновой картинкой

#qqq a {font-size:14px;} имеет больший приоритет, чем .inner а {font-size:5px;} потому что первый стиль задан через идентификатор, а не класс. переписать его можно так: #qqq .inner a {font-size:14px;} увы, какой вариант правильнее: этот или же !important, я точно сказать не могу. но сам стараюсь избегать использования !important там, где можно обойтись без него.

там моноширинный текст в pre

Вы обернули текст и картинку в обычный блок, к которому вертикальное выравнивание неприменимо. Т.е. текст не выравнивается и если его уменьшить до одной строки, то он все равно будет по верхнюю границу картинки. Можно присвоить блоку display: inline/table-cell/inline-block, но мы получаем тот же поведение, как при флоат-картинке внутри ячейки, т.е. возвращаемся к исходной точке, но с лишними элементами. Вероятно, я не очень внятно объяснил задачу. Вот рабочий вариант с "костылем" в виде display: inline-block для span, как я показывал выше: http://jsfiddle.net/hedgehog/cVJTM/ То есть, как видно из таблицы, в ячейке с картинкой может быть либо двустрочный, либо однострочный заголовок и в обоих случаях текст должен выравниваться посередине вертикально. Заранее предугадать, одна будет строка или две, нельзя. Применение оберток кроме span/p крайне нежелательно, равно как и злоупотребление ими. В принципе, временное решение без захламления кода кучей стилей (как в варианте с бекграундом) и без разделение ячеек найдено. Весь этот сыр-бор затевался ради возможности редактирования этой таблицы пользователем. В общем, сейчас ситуация получилась немного запутанной и без нужды не хочется трогать то, что уже работает, а дальнейшие поиски "бескостыльного" варианта интересны, в первую очередь, в образовательных целях. Все-таки опыта у меня никакого, а хочется знать, что делать в тех или иных ситуациях.