radioactive

Вариант с ссылкой на страницу <?php $url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?> <input type="hidden" name="urlpage" value="<?php echo $url; ?>"> Вариант с title страницы <input type="hidden" name="titlepage"> <script>document.querySelector("input[name='titlepage']").value = document.title</script>

.rangeSlider:active { background: red; }

https://jsfiddle.net/dvwyLw30/1/ p.s чтобы закомментировать отдельно взятый стиль, достаточно поставить * в его начале, например: *display: flex;

у вас очень много ошибок по теме, вот ваше решение .topmenu { margin: 0; }

position absolute

вот набросал https://jsfiddle.net/mzn0c46s/

Конкретнее, в чем проблема?

Ну автор топика конкретную задачу не ставил, я лишь привел пример того как это реализуется на css либо вот, для вас сделал, https://jsfiddle.net/gjtfbur9/ инверсия делается гораздо проще с приходом CSS Flexible Box Layout Module, см мой пример выше

http://htmlbook.ru/css/value/media этого хватит

а конкретно проблема то в чем? медленно печатаете?

все очень просто, но тут 2 условия если они соседние + элемент который необходимо закрасить лежит после элемента на который наводим курсор демо, как же без него), https://jsfiddle.net/kjuo6L6n/ справочник http://htmlbook.ru/css/selector/adjacent

а тут видите чего необычного? <dive id="wrapper"> по теме, неправильный тег, отсюда по умолчанию это инлайн элемент, с учетом внутри не инлайн элементов - такой баг решение по "не инлайн внутри инлайн"? #wrapper { float: left; clear: both; }

http://positivecrash.com/pointer-events_css/ демо https://jsfiddle.net/95u1kqy9/

https://jsfiddle.net/7ybe8c73/

https://jsfiddle.net/u418hLoL/ jquery, пара строк и все ок можно, при клике на изображение вот https://jsfiddle.net/9ufav3ov/ а по ссылке сделать при клике можно, но у меня нет времени продумывать и прописывать его тут, но делается по аналогии

разве не проще на jsfiddle разместить код? я наверное с пятого прочтения понял о чем речь если правильно я понял то вот https://jsfiddle.net/ddd7ma1t/1/ и не указывайте стили модификаторам, для этого есть селекторы

а зачем вы дочернему элементу input задаете float right, задавайте этот стиль его родителю и все будет работать хотя я бы переверстал это дело на это <header> <nav> <a href="#">Home</a> <a href="#">News</a> <a href="#">Blog</a> <a href="#">Contact</a> </nav> <div class="search"> <input type="search"> </div> </header> header{ overflow:hidden; } nav{ float:left; } .search{ float:right }

без примера трудно понять проблему в фиксированном меню при открытии подменю, большая его часть находится за пределами меню? я думаю тут как раз поможет overflow:hidden; будет проще если вы это дело разместите тут https://jsfiddle.net/

можно так .block { overflow: hidden; } .block-item { float: left; *display: inline-block; } или так .block { font-size: 0; } .block-item { font-size: 16px; overflow: hidden; } или так .block{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox } решений куча, вся проблема в инлайне, гуглите их стантартное поведение кстати кроссбраузерный inline-block будет таким .block-item{ display:-moz-inline-stack; /*Firefox 2*/ display:inline-block; /*Хорошие браузеры*/ _overflow:hidden; /*IE6, IE7*/ *zoom:1; /*включаем hasLayout для IE6, IE7*/ *display:inline; /*при hasLayout true display:inline в IE6, IE7 ведёт себя как display:inline-block*/ }

попробуйте добавить .social__menu{ position: relative; left: 50%; margin-left: -117px; }

хороший сайт за час не сделать никогда, гонка за временем ни к чему хорошему не приведет ошибок же в примере куча, начиная с удобства и заканчивая кроссбраузерностью

очень некорректный вопрос

https://jsfiddle.net/us3jeky6/

если нужна прога то сделать её можно на delphi всего пару строк кода, если только умножение

на ссылки в меню, background зачем то повесили на focus