mrnobody

Только хардкор )) — http://jsfiddle.net/mrnobody/3wNND/. Скрипт перенес в HTML разметку после таблицы http://jsfiddle.net/mrnobody/3wNND/1/. Хотя наверное так проще ) — вставил перед таблицеq элемент style http://jsfiddle.net/mrnobody/3wNND/2/. PS: У вас </tr> не закрыт между закрывающимся </td> и закрывающимся </tbody> в конце таблицы

td { vertical-align: top; }

всё так же... Ага, лоханулся я )) Вот архив http://yadi.sk/d/TcS1k2_EKZGtN Я изменил только index.html. И сделал и использованием jQurey после загрузки всей страницы. (событие load, не путать с событием ready - это разные вещи)

попробуйте отключить шрифт вердана у селектора .text.

Хром 33.0.1750.149 m В Мозилле (27.0.1) тоже все хорошо. Сейчас запустил в опере 12.16 и IE11 — все нормально.

У меня они не наезжают. А вот последовательность, согласен, он располагает их так, что где выше всего он вставляет следующий элемент (не знаю правильно ли я выразился )) ). Вот мой скрин. поставил .cell красную обводку, чтобы было более наглядно. http://img208.imageshack.us/img208/4597/mepz.jpg

Вы не подключили jQuery. Вот так должно быть: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript" src="scripts/masonry.pkgd.min.js"></script>

Можете ссылку на проблему дать или закинуть в http://jsfiddle.net/ ? Ну или в крайнем случае архив.

http://masonry.desandro.com/

Вы бы выложили ваш код на http://jsfiddle.net/. Попробуйте задать для body минимальную ширину в пикселях, про которую вы говорите.

body { min-width: 1210px; }

Цвет текста в сером блоке — черный, а в черном блоке — белый, а у вас везде белый.

Может поможет свойство table-layout: fixed

Действительно, большое спасибо!!!

Сразу дам ссылку на проблему — http://jsfiddle.net/mrnobody/6RkSd/ Есть слайды, когда я перехожу на второй слайд (или любой другой, кроме первого и последнего), то он появляется на долю секунды и перекрывается последним. в моем случае слайдом под номером 4. PS: Еще заметил, переключился на слайдер -> случилось перекрытие, и если я открою веб-инсперктор, то показывается нужный слайд. PPS: Нашел решение дописать mode: 'fade', но нужно чтобы они именно перелистывались. PPPS: Правильно работает только в Опере 12.16.

Нормально работает во всех браузерах (даже в ИЕ!), кроме мозилы (там,почему то, картинка пригает при прокрутке страницы), не могу понять что не так? Вот ссылка на сайт - /shik Потому что в Мозилле абсолютно позиционированный элемент позиционируется не относительно ячейки, а относительно самой таблицы.

Проблема в пробельных символах. Ведь если вы напишите например вот так, <span>один</span> <span>два</span> <!-- пробел между спанами -->они не отобразатся в браузере слитно "одиндва", а отобразятся так — "один два". Тоже самое происходит, когда вы задаете элементам свойство display: inline-block; Если сделать разметку такой <div class="lefttopone"> </div><div class="righttopone"> </div><div class="lefttoptwo"> </div><div class="menuone"> </div><div class="menutwo"> </div><div class="menuthree"> </div>или такой: <div class="lefttopone"> </div><div class="righttopone"> </div><div class="lefttoptwo"> </div><div class="menuone"> </div><div class="menutwo"> </div><div class="menuthree"> </div>или даже такой: <div class="lefttopone"></div><!-- --><div class="righttopone"></div><!-- --><div class="lefttoptwo"></div><!-- --><div class="menuone"></div><!-- --><div class="menutwo"></div><!-- --><div class="menuthree"></div>то все будет как вы хотели.

Как сказал выше npofopr с помощью dispay: table; для ul и display: table-cell; для li http://jsfiddle.net/mrnobody/Ehg2q/ Фуллскрин — http://fiddle.jshell.net/mrnobody/Ehg2q/show/

Да блин, забыл префиксы дописать, еммет разбалывал ) С префиксами: http://jsfiddle.net/mrnobody/TceXE/4/ Фуллскирн — http://fiddle.jshell.net/mrnobody/TceXE/4/show/

А если вот так: я задал шапке абсолютное позиционирование, задал для контента паддинг топ в высоту шапки и поствил ему box-sizing: border-box; http://jsfiddle.net/mrnobody/TceXE/3/ Фулл-скрин: http://fiddle.jshell.net/mrnobody/TceXE/3/show/

Не знаю, может так немножко покрасивее будет: <ul> <li>item-1</li> <li>item-2</li> <li>item-3</li> <li>item-4</li> <li>item-5</li></ul>var $li = $('ul').children('li'), // выбираем все элементы LI$li.each(function(index, el) { $(this) .addClass('active') // добавляем к текущему класс "active" .prev('li') // а у предыдущего элемента … .removeClass('active'); // удаляем класс "active"});

Можно с помощью свойства referrer объекта document http://fiddle.jshell.net/Z4Fs5/3/show/ - пример http://jsfiddle.net/Z4Fs5/3/ - код

У вас HTML разметка как выглядит? Первый вариант: <h2 class="a"></h2>или второй вариант: <h2> <a href="#"></a></h2> У вас селектор для разметки первого варианта. Если у вас второй вариант, то нужен другой селектор: h2 a { /*стили для обычного состояния*/}h2 a:hover { /*стили при наведении*/}h2 a:focus { /*стили при фокусе*/}

Этот плюс к промту относится, чтобы преобразовать из строки в число, так как promt возвращает строку. http://learn.javascript.ru/number#преобразование-к-числу

Что бы убрать между элементами списка промежуток, нужно размещать элементы списка без пробельных символов, То есть у вас сейчас так: <ul> <li>item</li> <li>item</li> <li>item</li> <li>item</li></ul>А можно сделать вот так: Вариант №1 <ul> <li>item</li><!-- --><li>item</li><!-- --><li>item</li><!-- --><li>item</li></ul>Вариант №2 <ul> <li>item</li>item<li>item</li>item<li>item</li>item<li>item</li></ul>И еще можно задать элементу UL font-size: 0; но тогда нужно задавать фиксированный размер шрифта дочернему элементу, то есть в пикселях, а емах не сработает. <style> ul { font-size: 0; } ul > li { font-size: 16px; }</style><ul> <li>item</li> <li>item</li> <li>item</li> <li>item</li></ul>Можно float:left; задать для li