mrnobody

Может быть реализовать с помощью псевдо-элементов?

http://stepbystep.htmlbook.ru/?id=53

Попробуйте сделать таким селектор: .menuleft>li:nth-child(1) a{ /*стили*/ } .menuleft>li:nth-child(2) a{ /*стили*/ } /*Альтернативно*/ .menuleft>li:first-child a{ /*стили*/ } .menuleft>li:last-child a{ /*стили*/ }

Удалите float:right;

input — инлайн-блочный элемент, следовательно, между ними образовался пробел, словно вы написали две разные бкувы, поэтому их нужно "написать" слитно вот так например http://jsfiddle.net/Jq7Zy/1/ или так http://jsfiddle.net/Jq7Zy/2/.

Удалите атрибут nowrap у td.

Полей нету из-за того, что label — строчный элемент, а у строчных элементов вертикальные поля (margin) грубо говоря не учитываются. Пропишите для label display: block/inline-block; или float: left; Правда этого не достаточно, нужно наверное для каждой группы input+label создать контейнер и добавить нижнее поле (margin-bottom), а то получится вот такое: http://img9.imagesha...g9/8944/9tj.png

Вот например я задал BODY ширину в 1000px, и посмотрите значения ширины других элементов через отладчик вашего браузера. http://fiddle.jshell...y/7Dukt/4/show/ Скриншоты на всякий случай: http://img854.images...4/4959/vuez.png http://img585.images...5/9957/n58m.png

От 100% Допустим у нас ширина окна браузера 1000px. Мы установили элементу UL ширину 70%, значит его ширина равна 700px (1000px * 70% / 100%). Далее мы устанавливаем ширину для элементов LI в 10%, следовательно, их ширина равна 70px (700px * 10% / 100%).

Вообще-то он так и считает — ширина в процентах зависит от ширины родительского блока. http://jsfiddle.net/mrnobody/7Dukt/

Элемент a — строчный, это значит, что его ширина зависит от контента внутри него, следовательно у него ширина = 0 и высота = 0. Но просто так строчному элементу мы не можем задать ширину и высоту, поэтому напишем свойство display: inline-block; и укажем нужные размеры. И у вас картинка будет повторяться, мне кажется вам этого не нужно. И вы не написали обязательный атрибут href="" для элемента a. HTML: <a href="#" class="a"></a> CSS: .a{ display: inline-block; width: ??px; height: ??px; background-image: url(img.png); background-repeat: no-repeat; /*чтобы картинка не повторялась (если нужно)*/ }

Скорее всего нужно что-то прописать в API плагина, какой-нибудь метод.

Лучше это реализовать с использованием псевдоэлемента, отпозиционированного относительно элемента li, который появляется при наведении на li. Примерно так: http://jsfiddle.net/QTM2X/

Лучше это реализовать с использованием псевдоэлемента, отпозиционированного относительно элемента li, который появляется при наведении на li. Ой, ошибся

Так не получится — из-за transition будет плавно меняться background-position. http://jsfiddle.net/mrnobody/BwNGT/

А единицы измерения где? margin: 300px;

Можно, только ниже IE9 там будет пусто, нужно будет дублировать свойство с одним фоном: .some-body{ background: url(background-img-1.svg) no-repeat; /*выбираем какой фон отображать если браузер не поддерживает мультибекграунд*/ background: url(background-img-2.png) no-repeat, url(background-img-1.svg) no-repeat; } http://caniuse.com/#...ultibackgrounds http://htmlbook.ru/css/background

dl — "definition list", список определений; dt — "definition term", определяемый термин; dd — "definition description", описание определения; ul — "unordered list", ненумерованный (неупорядоченный) список; ol — "ordered list", нумерованный (упорядоченный) список; li — "list item", пункт списка.

http://htmlbook.ru/css/background-size Но если это изображение будет применяться для списков, почему бы сразу в растровом/векторном редакторе задать нужный размер и использовать его без масштабирования.

Удалите у элемента .slideshow-wrap свойство clear: both; или задайте clear: left; http://img839.images...9/2593/447n.png

http://img818.imageshack.us/img818/6775/5ka.png

http://jsfiddle.net/mrnobody/pUeDe/

http://divhack.com/

http://jsfiddle.net/mrnobody/6dXAa/2/ На весь экран — http://fiddle.jshell.net/mrnobody/6dXAa/2/show/ Я не знаю нужен вам элемент q1, но я его удалил, если нужен, то покажу пример с ним )

transparent border-color: transparent;