afdw

http://jsfiddle.net/Le95s/1/

Лучше перевести, так точно проблем не будет.

http://bassta.bg/2013/05/smooth-page-scrolling-with-tweenmax/

Если после после других блоков, то onlod можно и не писать. Лучше писать ка можно ближе к концу файла, чтобы страница загружалась асинхронно, иначе загрузка страницы скриптом. Также можно использовать: <script async>...</script>

Всё понятно. При подключение скрипта в head он не видит элементы в body. Попробуйте так: window.onload = function(){ output = document.getElementsByTagName("output")[0]; button = document.getElementsByTagName("button")[0]; tds = document.getElementsByTagName("td"); n = 0; function next() { output.innerHTML = tds[n].innerHTML; n = (n + 1) % tds.length; } next(); button.onclick = next;}Здесь скрипт дожидается загрузки всех элементов страницы, а уже потом выполняет необходимые действия. В JSFiddle к коду, написанному в "Javascript" onload добавляется автоматически (см. ПКМ по "Result"->"Просмотр кода фрейма").

window.onload = function() { imgs = document.getElementsByClassName("random"); for(var n = 0; n < imgs.length; n++) { imgs[n].src = "/imgs/img (" + Math.round(Math.random() * 100) + ")"; } }

Не совсем. "readonly" означает, что пользователь не может изменять содержание текста, а не его размер. Блокировка размера делается через CSS. http://jsfiddle.net/nJX3D/

На Windows: зайдите в папку, выделите все картинки, щёлкните на любой "переименовать" и введите "img". Папку назовите "imgs" поместите в корень на сервер и вставьте в HTML: <img id="random">В JS: window.onload = function(){document.getElementById("random").src = "/imgs/img (" + Math.round(Math.random() * 100) + ")";}

http://jsfiddle.net/bxVf2/

А зачем в этом случае вообще ul>li? Тогда легче обойтись div!

Ну, не сказать, что их совсем нет... http://htmlbook.ru/css/counter-increment

.nav li a:hover { background: url(../images/menu-hover.png) repeat-x 5px 2px, url(../images/separator.png) no-repeat left bottom; } .nav li:first-child a:hover { background: url(../images/menu-hover.png) repeat-x 5px 2px; }

.nav li a:hover { background: url(../images/menu-hover.png) repeat-x 5px 2px, url(../images/separator.png) no-repeat left bottom; }

Я бы посоветовал сделать так: открыть эту картинку в GIMP, экспортировать с галочкой "Черезстрочность". Потом открыть картинку в любом браузере и наслаждаться результатом.

http://jsfiddle.net/et3AP/

http://ricostacruz.com/nprogress/

http://jsfiddle.net/xG8p3/

http://jsfiddle.net/xwRF2/8/

К сожалению, опять проблемы, теперь уже на другом компьютере. Не могу найти, как включить режим совместимости в IE 11. http://jsfiddle.net/xwRF2/5/

Надо изменить прозрачность самой картинки, а в Chromium OS без Flash Player это сделать у меня не получилось. http://jsfiddle.net/xwRF2/1/

Отступ просто освобождает пространство вокруг элемента, сдвигая его, и оказывает влияние на размеры дочернего элемента, если они не заданы явно. Вот пример: http://jsfiddle.net/xwDcz/ . Не margin collapse, а border-collapse. Это не имеет никакого отношения к margin, не путайте человека.

Здесь ошибка: <h2>Here’s some nice work <a href="#">view portfolio <span>⇒<span></a></h2> Замените на: <h2>Here’s some nice work <a href="#">view portfolio <span>⇒</span></a></h2>

HTML: <div class="footer-bottom"> <div class="footer-bottom-inner"> <ul> <li><a href="#index.html">Home</a></li> <li><a href="">About us</a></li> <li><a href="">Portfolio</a></li> <li><a href="">Services</a></li> <li><a href="">Blog</a></li> <li><a href="">Contact us</a></li> </ul> <p>© 2012 PSDMania.RU. All Rights Reserved</p> <img src="images/footer-logo.jpg"> </div></div>CSS: .footer-bottom {background: #E2E2E2;width: 100%;height: 100px;position: absolute;left: 0;}.footer-bottom-inner {width: 960px;margin: 0 auto;}

Где обещанная адаптивность?

Самое простое решение: в PHP скрипте у нужного пункта меню добавлять класс, а потом в CSS выделять элементы этого класса.