mrnobody

Элемент <main> должен встречаться только один раз на странице, в нем содержится основной контент страницы.

http://jquery.page2page.ru/index.php5/Поиск_элементов_лежащих_после_выбранных

Я так понял, мы делаем меняем файлы LESS или SCSS и преобразуем их в CSS, вместо того чтобы создавать css-файл и переопределять бутстраповские стили в этом файле.

Прикольно получилось )

Если не сложно, напишите какую книгу вычитаете? Книга только об SVG?

Не знаю, подойдет такой способ? http://jsfiddle.net/mrnobody/qpmky0ug/

Говоря про масштаб, вы имеете ввиду именно масштаб Ctrl++/Ctrl+–/Ctrl+mouseScroll, или вы имеете ввиду изменение ширины области просмотра?

У вас id="glLi" два раза повторяется, так недопустимо: http://htmlbook.ru/html/attr/id. А теперь по вопросу — http://jsfiddle.net/mrnobody/sn6avvnp/2/

Я делал блок "Наши партнеры" и разметил его списком определений: Правильно ли я сделал?

http://jsfiddle.net/mrnobody/f1npxzuq/

Вот вроде: function initExpandableNavItems(rootTag) { $(rootTag + ' li.nav-section .nav-section-header').click(function() { var section = $(this).closest('li.nav-section'); if (section.hasClass('expanded')) { /* hide me and descendants */ section.find('ul').slideUp(250, function() { // remove 'expanded' class from my section and any children section.closest('li').removeClass('expanded'); $('li.nav-section', section).removeClass('expanded'); }); } else { /* show me */ // first hide all other siblings var $others = $('li.nav-section.expanded', $(this).closest('ul')).not('.sticky'); $others.removeClass('expanded').children('ul').slideUp(250); // now expand me section.closest('li').addClass('expanded'); section.children('ul').slideDown(250); } }); // Stop expand/collapse behavior when clicking on nav section links // (since we're navigating away from the page) // This selector captures the first instance of <a>, but not those with "#" as the href. $('.nav-section-header').find('a:eq(0)').not('a[href="#"]').click(function(evt) { window.location.href = $(this).attr('href'); return false; });}// Вызываем функциюinitExpandableNavItems('#nav');

Нашел похожее меню, только вам придется взять оттуда разметку, стили и скрипты для этой менюшки. https://developer.android.com/preview/setup-sdk.html

http://jsfiddle.net/mrnobody/wms9odum/1/ Но лучше первый вариант, как написал Q4Dizzy, сделать ссылкой, если возможно.

Я не могу понять? зачем вы к абзацам применили float: left; ? Это вы сделали, чтобы маржины вертикальные не схлопывались? На мой взгляд лучше сделать так: #content .content .text p { /*float: left; удалить */ /*width: 100%; удалить */ margin: 0 0 10px; padding: 0; font-size: 15px; font-family: 'PragmaticaWINC'; line-height: 18px;}

Вроде плагин так и называется jQuery — https://sublime.wbond.net/packages/jQuery Есть еще такой, но он 2 года назад обновлялся — https://sublime.wbond.net/packages/jQuery%20Snippets%20pack

http://jsfiddle.net/mrnobody/3q8acswe/2/

а почему этот же код не работает в http://cssdeck.com/? Я изменил некоторые настройки и почему не появились табы, как показано в инструкции " Example with options "auto:false" and "pager: true"" http://cssdeck.com/labs/b3sfrfgi

А если добавить: .top_menu_p { z-index: 1;}

Можно так попробовать — http://jsfiddle.net/mrnobody/z8PaX/ В IE visibility: collapse; не сработал. Сработал border: none; — http://jsfiddle.net/mrnobody/z8PaX/2/ Поддержка :empty — http://caniuse.com/#feat=css-sel3

Можно несколько теней добавить — http://jsfiddle.net/mrnobody/r7p6T/2/

http://jsfiddle.net/mrnobody/E55SS/1/ #header { background: #8fa09b; font-size: 24pt; font-weight: bold; color: # edeed5; padding: 5px; /* height: 80px; */}#topmenu { background: blue; /* float: left; */ /* width: 100%; */ /* height: 40px; */ clear: both;}#topmenu ul { list-style: none; /* width: 100%; */ /* height: 40px; */ padding: 0; margin: 0; overflow: hidden; background: #000 url(images/bg-nav.gif) top left repeat-x;}

a:hover { border-bottom-color: transparent; }

Вот так можно http://jsfiddle.net/mrnobody/YLddc/1/ Фуллскрин: http://fiddle.jshell.net/mrnobody/YLddc/1/show/ Можно еще через display: inline block и через флексы )

Для картинки вроде нужно указывать размеры. Блин, не помогло ((

Скорее всего их для SEO делают.