mrnobody

Удалите <br> и пустые элементы <p></p>: Результат: И удалите у .ngg-albumoverview свойство display: inline; — оно лишнее т.к. у вас float: left; его "перебивает".

Попробуйте так #ddmenu ul li:last-child a{ border-bottom: none; }

К левому диву применить float: left и текст правого дива будет обтекать левый див. Вот так примерно http://jsfiddle.net/mrnobody/vaGhz/ Или вам еще нужно, чтобы они отделялись как у вас на рисунке? Тогда это посложнее (

Или можно с помощью css анимации, но много когда и не везде работает ( Я поставил 10 секунд на анимацию, что бы вы увидели при ее завершении она движется назад (alternate). http://jsfiddle.net/mrnobody/Hrcfs/1/ На весь экран — http://fiddle.jshell.net/mrnobody/Hrcfs/1/show/

Можно так, я только тень не сделал — http://jsfiddle.net/mrnobody/tDBj9/ тень наверное лучше градиентом сделать — http://jsfiddle.net/mrnobody/tDBj9/1/

Можно сделать, используя псевдоэлемент :after. Сейчас времени нету, попробую сделать попозже.

Вам нужно делать с помощью @media (медиа-запросов).

Можно с помощью multi-column реализовать — http://jsfiddle.net/pgXmV/1/ На весь экран — http://fiddle.jshell.net/pgXmV/1/show/ Вот статья интересная ) http://habrahabr.ru/company/microsoft/blog/143158/

А нельзя ли сделать с помощью border-radius и стрелочку через псевдоэлемент прилепить? http://jsfiddle.net/mrnobody/3qdCP/

Я начал делать через @media и потом до меня дошло что так не получится, Мы же через медиа-запросы можем определить только либо высоту отображаемой области браузера (min-height / max-height) либо саму высоту экрана девайса (min-device-height / max-device-height), но не высоту элемента (в нашем случае элемент body). PS.: могу ошибаться ) Наверное только через js.

При повторном клике отображается? Когда я кликаю первый раз у меня менюшка выскакивает, тыкаю в другое место и опять по кнопке "Способы ввода", менюшка больше не выскакивает ( .

В IE8 и ниже не работает свойство transform, ну а если еще и текст будет то нужно переделывать ) http://jsfiddle.net/mrnobody/JqEVU/ На весь экран: http://fiddle.jshell.net/mrnobody/JqEVU/show/

Не отображается меню при повторном клике по кнопке "Способы ввода" в GoogleChrome 27.0.1453.110 m. Хотелось бы узнать, у всех так, или только у меня ?

тогда это http://css-live.ru/articles/krasivoe-vyravnivanie-blokov-po-rezinovoj-setke.html

http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine.html

http://jsfiddle.net/mrnobody/fGg5d/1/ В FireFox't не работает, там позиционируются элементы относительно таблицы ,а не ячеек ( Скорее всего нужно создавать контейнеры в ячейках и позиционировать псевдоэлементы относительно них.

Может через флоаты проще сделать? Хотя конечно зависит от ситуации. http://jsfiddle.net/mrnobody/2RzZp/1/

А как вы решили, а то вдруг подобный макет будет? Хотелось бы знать

А вот исчезать будет из-за того что элемент span является сестринским элементом, а не дочерним относительно ссылки a. Так что с помощью css это нельзя реализовать. потому что он не вложен. http://jsfiddle.net/mrnobody/ZKAaF/ Это как в выпадающем меню, нужно чтобы подпункт был внутри пункта меню.

Попробуйте так .header a:hover+span И зачем вы переписываете одно и тоже font-size: 10px; и font-family: Verdana;. Лучше перенесите сокращенное свойство font: 10px Verdana; из .header span:hover span в .header span . И при ховере по ссылке оставить только display: block; .header span { font:10px Verdana; color:rgb(96, 96, 96); padding-top:46px; padding-left:797px; text-align:left; display: block; position:relative; } .header span span { display:none; position:absolute; color:#EBECF7; margin:0px; padding:5px; width:163px; background:green; white-space:pre-wrap; } .header a:hover+span { display:block; }

Я тоже подумал о боковых маржинах в ширину боковых блоков. Теперь он не центрируется, если его ширина больше 1400px.

Наверное еще нужно добавить к блоку .main overflow: hidden; а то левый и правый блоки перекрывают этот блок. Но тогда будут обрезаться элементы выходящие за этот блок (

Вам наверное jQuery-плагин понадобится http://wedeal.ru/blog/rezinovoe-video-youtube-i-vimeo-s-pomoshhyu-fitvids-js/

А почему вы не посмотрите как в примере сделано? http://divhack.com/downloads/study/3/html/

Попробовал так, устроит или нет? http://jsfiddle.net/mrnobody/HPsz4/6/