Switch74

https://jsfiddle.net/wd6qggtf/3/

<audio id="audio" src="..."></audio> <button onclick="document.getElementById('audio').play()">play</button> вроде так можно

1. не вынесли
2. https://ru.wikipedia.org/wiki/Маркер_последовательности_байтов

сходу что-то вроде, но если вдуматься, то можно допилить
https://jsfiddle.net/vz7ka9rj/

подозреваю, что не хватает верхнего отступа у первого блока и нижнего у второго
укажите тогда для родителя border:1px solid transparent; и почитайте про схлапывания
 

дык положите те пункты в эту полоску
чего они делают у вас в wrapper?

С отправкой есть много нюансов http://php.net/manual/ru/function.mail.php
и я бы посоветовал указывать кодировку отправляемого письма явно
попробуйте узнать что возвращает mail
если false то письмо не отправляется из-за не верных данных
если true, то отправляется, но не принимается опять же из-за не верных данных (при условии, что вы проверили папку спам в почте)

не заметно.
почему у вас на сайте
window.calc = function(data_array){for(var n in data_array){var data = $('[data-id='+n+']');$(data).find('.names').html(data_array[n]['names']);$(data).find('.sht').html(data_array[n]['sht']);$(data).find('.ocen').html(data_array[n]['ocen']);}var sum = 0;$(".ocen").each( function () {sum += parseInt( $(this).text(), 10 );});$('.summ').html(sum);}

Сделайте запрет переноса слов в ссылке

http://codepen.io/anon/pen/QNLYOj?editors=1100

может изображения оставить display:inline-block; и выровнять их через vertical-align:middle;

https://jsfiddle.net/vv6e8786/1/

https://jsfiddle.net/3wzxeq60/

'a' еще
но я бы сделал так:
поставить обработчик события focus на document
если у вас открыто диалоговое окно, вы проверяете где лежит у вас объект, получивший фокус
если объект находится в контенте, то вы принудительно передаете фокус на первый элемент в диалоговом окне
 
таким образом когда фокус по tab будет перескакивать на скрытые элементы он будет возвращаться к активным в форме

Немного нужно переделать под ваши нужды, получится что-то вроде
https://jsfiddle.net/jv23rmpv/3/

Смотрите ul с классом connect в футере, у него там маргин левый зачем-то и размер его 1000px

Скорее всего jquery не подключен

Предположим содержимое вашей базы можно разделить на разделы, тогда на главной можно было бы сделать линки на страницы этих разделов, где выводились бы данные частями.
Как вариант на главной странице можно оставить линки на несколько самых популярных или последних запросов, а если у вас в выдаче будет блок "похожее", "возможно вам так же понравится" или "вместе с этим ищут" ... то у вас будет немного перелинковки
возможно статьи могут иметь определенный порядок и банальные ссылки "вперед" и "назад" могут помочь

Попробуйте следующее:
#wrapper {    position:relative;    margin: 0 auto;    width: 500px;    background:blue;}#lsb {    position:absolute;    top:50%;    background:black;    width:100px;    height:100px;}

Нет, не трудно.
Ищите в google.ru интересующую вас тему, например "php отправка письма", первая же ссылка будет на официальную документацию на русском языке http://php.net/manual/ru/function.mail.php
Там все описано что да как.
Как это все вставить в джумле? Заходим на google.ru и ищем .....
ну вы меня поняли я думаю.

предположим у вас основной блок контента имеет размер 800px, вам слева нужно приделать еще один блок, скажем размером 100px, но:
1. данный блок должен всегда показываться
2. и контент должен быть выровнен по центру
 
тогда обертываем наш контент в обертку размером 1000px и получится, что под ваш блок приделанный слева будет зарезервировано 100px, а справа зарезервировано 100px для того, чтобы контент центрировался по центру относительно экрана
 
ну или по сути вам нужен padding-right

так сделайте размер который вас устроит, хоть 1000000000px

привязка к урлу была бы в тему для передачи норм ссылок
у меня получилось вот так, но можно упростить еще
span сделал для отображения hash

http://jsfiddle.net/bzr1pq2p/1/

А может не надо?
У меня все хорошо работает и даже в таком варианте
Redirect 301 /index.php?id=1 /index.html