radioactive

отвергаешь - предлагай) ну а вообще обходной путь можно поискать для ie, если вообще тс решит под него писать

блок входа накрывает верхний блок с контактами в качестве решения я решил сместить блок на левую сторону сайта #toppanel { max-width: 200px; } .tab ul.login { max-width: 100%; } #loginpanel { left: 0; } но решение считайте как временное, в идеале там нужно css переписывать

автор создал тему плохо разъяснив что нужно, без каких либо примеров и ссылок, в названии темы указал про проценты а в теме ни слова ну и в растягивании на всю ширину не вижу какой либо проблемы, это же не конечный вариант а всего лишь пример от чего автор начнет уже править по себя, свойство max-width поможет в таком случае хоть и сомневаюсь что второй блок будет пустым

https://jsfiddle.net/qmp0hnL2/1/

4 колонки, в каждой отсутствует по одному закрывающему div я код поправил и сделал вашу задачку https://jsfiddle.net/8htrzfjw/1/

прошу прощения, имелось ввиду cursor default

https://jsfiddle.net/2n487fdn/2/

.wrapper { position: relative; } .menu { top: 0; left: 0; right: 0; }

1. cursor default сделать по умолчанию 2. Увеличение картинки сделать при наведении на родительский блок а не на саму картинку 3. http://hkar.ru/Mjsx 4. используйте css спрайты 5. <nav> <ul class="menu"> <li><a href="#mug">Мужчине</a></li> <li><a href="#gen">Женщине</a></li> <li><a href="#all">Всем</a></li> </ul> </nav> это можно сократить так <nav> <a href="#mug">Мужчине</a> <a href="#gen">Женщине</a> <a href="#all">Всем</a> </nav> 6. Не надо везде где попало использовать тег <p> -- используй <div> или <span>. Тег <p> определяет текстовый абзац, а не часть разметки 7. переместите стили отвечающие за первый блок header и все что в нем в начало страницы для его приоритетности 8. Нагуглите кроссбраузерный border-radius 9. что то там с блоками товаров на ширине 721 - 715, то их 3 ряда то потом 2 ряда то снова 3 ряда

вполне годно только cursor default по умолчанию делайте

http://htmlbook.ru/css/target Видимо по умолчанию # это начало документа, вам выше уже сказали https://jsfiddle.net/ggrxwfkj/ вот вариант где при закрытии блока идет перемещение к кнопки открытия насчет запрета скроллинга, можно сделать белый либо полупрозрачный фон для скрытия сайта под окном можно и заморочиться, через тег body сделать overflow:hidden, что уберет скролл, то тогда больше 1 такого окна не сделать вот еще варианты если интересно http://codepen.io/search/pens?q=css+modal&limit=all&type=type-pens

.up{ position: relative; z-index: 2; } .down{ position: relative; z-index: 1; } если не помогло то рабочий пример в студию ссылку на сайт либо сюда https://jsfiddle.net/

вы так и не поняли принцип этого псевдокласса данное условие div:hover:not(p) говорит как все div которые не p но селектор p само по себе не селектор div, противоречие - отсюда игнорирование :not в данной ситуации решение вот https://jsfiddle.net/7dnrjz4e/ только я сделал наоборот закрашивание внутренного блока чтобы вы увидели работу css, иначе - как вам сказали выше, наличие прозрачности внутреннего блока не даст вам увидеть работу псевдокласса :not на пустой странице решение только такое, а так все делается через родителей p.s знак * применяется ко всем элементам например ul * все элемента внутри ul тоесть по ссылке код css говорит все элементы кроме p

не работает потому что .q1 li:first-child нужный q77 вы ищите только в первых тегах списка li (код выше) будто li:first-child li:first-child li:first-child li:first-child ul:not(.q77) но еще можно сделать так .q1 li:first-child li ul:not(.q77) тогда будет работать либо еще проще https://jsfiddle.net/cz8pz484/2/ 113 строка, вовсе этот блок стилей удалить

https://jsfiddle.net/v9ocfchb/

https://jsfiddle.net/89yfe87u/

<script> (function ( window, document, undefined ) {var iframes = document.getElementsByTagName( 'iframe' );for ( var i = 0; i < iframes.length; i++ ) {var iframe = iframes[i],players = /www.youtube.com|player.vimeo.com/;if ( iframe.src.search( players ) > 0 ) {var videoRatio= ( iframe.height / iframe.width ) * 100;iframe.style.position= 'absolute';iframe.style.top= '0';iframe.style.left= '0';iframe.width= '100%';iframe.height= '100%';var wrap= document.createElement( 'div' );wrap.className= 'fluid-vids';wrap.style.width= '100%';wrap.style.position= 'relative';wrap.style.paddingTop= videoRatio + '%';var iframeParent= iframe.parentNode;iframeParent.insertBefore( wrap, iframe );wrap.appendChild( iframe );}}})( window, document );</script> <script>

нет, применяться не будет т.к стоит пробел между q2 и q77 - ".q2 :not(.q77)" - q77 всего лишь потомок q2 и работать данные стили не будут пока вы не укажите какому селектору будет применяться превдокласс :not то есть вот .q1 li:first-child .q2 ul:not(.q77) li:hover

И как? работает? запись li:not(.q77 li) неправильная, в скобках нельзя указывать потомок псевдокласс :not применяется к тегу li который выделен зеленым выше, это как li.q77 только наоборот, есть у вас в коде li.q77 ? вот мини демо https://jsfiddle.net/9Ljrv9of

https://webref.ru/css/ms-expand Работает только в IE Кастомизируйте в ручную пример https://jsfiddle.net/dwLutf39/

http://htmlbook.ru/css/list-style-image

во первых вы применяете превдокласс :not к тегу li.q77 хотя класс .q77 присвоен тегу ul ! во вторых как я сказал раньше - Селекторы потомки в комбинации с :not не применяются вы не до конца выучили область применения этого псевдокласса по проблеме, я еле нашел ее), столь многоуровневые меню я не видел давно если я правильно понял то вот https://jsfiddle.net/sr5znzrw/1/ css изменил только 94 строку, сделал концовку как li:hover:not(.not) из этого правила следует что стили, будут применятся при наведении всем тегам li - кроме ! тегов li с классом .not <li class="not"><a href="#">333</a></li> также проблему можно было бы решить отношением применяемых стилей к непосредственно дочерним элементам, знаком ">", поиграйтесь если есть желание и код не чуть не длинный

Селекторы потомки в комбинации с :not не применяются, если мой вариант не подходит то покажите более расширенный вариант html кода, разместите его на jsfiddle.net и опишите что нужно сделать, я посмотрю как решить вашу проблему

Эм .q1 li:first-child .q2 li:hover:not(.q77) .q1 li:first-child .q2 li:hover:not(.q77) li

93.menu_list:hover .submenu свойство top измените на это top: -webkit-calc(0px - 40px); top: calc(0px - 40px);