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/

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

44 минуты назад, wwt сказал:

ну это совсем другой случай и стиль задается к элементу ниже, а не выше.

Ну автор топика конкретную задачу не ставил, я лишь привел пример того как это реализуется на css

либо вот, для вас сделал, https://jsfiddle.net/gjtfbur9/

20 минут назад, aqua.77 сказал:

Стилями можно сверстать как угодно типа: https://jsfiddle.net/kjuo6L6n/3/

инверсия делается гораздо проще с приходом CSS Flexible Box Layout Module, см мой пример выше

http://htmlbook.ru/css/value/media

этого хватит

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

все очень просто, но тут 2 условия

если они соседние + элемент который необходимо закрасить лежит после элемента на который наводим курсор

демо, как же без него), https://jsfiddle.net/kjuo6L6n/
справочник http://htmlbook.ru/css/selector/adjacent

11 минуту назад, irina_f сказал:

А как должно быть?

В стилях header не правильно написан

и div поставь display: block;

а тут видите чего необычного?

<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, пара строк и все ок

3 часа назад, alleclf сказал:

Спасибо, можно ли реализовать без скриптов?

можно, при клике на изображение вот 
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;
}

10 часов назад, incub сказал:

Можно поподробней? Т.е. не надо с id делать, а как тогда?

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

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

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

https://jsfiddle.net/us3jeky6/

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

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