Андрей Федоров

Много кода писать.

Вам нужно повесить js на событие onchange у select'a.
В этом js вы будетe формировать список тегов в зависимости от выбора в select'e и присваивать выбранным опциям свойство disabled. Это не уберет опцию из списка, но выбрать ее будет невозможно, можете так же менять ее css, например сделать цвет текста светлосерым, как визуальное подтверждение невозможности выбора.
Другой js вам нужно повесить на onclick у кнопки удаления тега. Тут манипуляции с опциями проделываем в обратном порядке.

Как то так...

На мой взгляд нет таких возможносей в css. Хотя не скажу, что я эксперт. Например можно формировать спрайт на js и потом уже масшабировать его как background-image.

Ну вот же подробная документация
plugins.adchsm.me/slidebars/usage.php

зачем тут js совсем не понятно.

у css есть псевдокласс :hover, вы можете навесить на него любые стили и увеличивать картинку как угодно, в то числе и анимировано.

codepen.io/aliencash/pen/eNzPKy

codepen.io/aliencash/pen/zGBJZq
типа того, правда мне результат не очень нравится, не совсем то, что вам нужно если я правильно понял задачу...
зачем вам в принципе огибание, можно отдельный сайдбар сделать для изображений...

Вот такой есть сервис
jonassebastianohlsson.com/criticalpathcssgenerator

z-index конечно. У вас есть темная "подложка". У нее z-index 2, сделайте окну для формирования топика z-index: 10 и оно будет сверху темного фона.

Можно.
www.w3.org/wiki/HTML/Elements/header
Пример С

Сделайте меню и подменю фиксированной высоты. И будет вам счастье.

Сделайте кнопку производящую расчет обычным button. В событие oncliсk повесте вызов js, который снимает значения полей формы и считает то что нужно посчитать. Если результат расчета валидный делайте кнопке submit .disabled = false;

а фон это просто цвет? тогда так:
background-color: rgba(255,100,255,.5);

границы можете подобрать с помощью line-height

потому что $('sendEmal') - это массив. а метод click() не может быть применен к массиву целиком, а только к конкретному элементу массива, в данном случае с индексом [0].

Почему вы хотите именно правой ногой почесать левое ухо. У вас есть мощный инструмент - php, поправьте скрипт так, чтоб он выводил информацию по 10 на страницу. А внизу вставьте ссылки - дальше-назад.

В смысле зазоры? Между символами?
letter-spacing: -.03em;

Во-первых height: 300px сработает только для блочного элемента, а по умолчанию строчный. Т.е. добавьте c #branding_link display: block; и можете смело удалять свои br'ы.

Во-вторых, у вас дублируется картинка фона, вы ее присваиваете и body, и #branding_link. Попробуете поскролить страницу, поймете в чем дело.
Нужно убрать фон из body, увеличить выстоту #branding_link. А так же дать ему z-index меньше инфомационной области страницы.

Логично - у вас там почти у всех классов position: absolute;
Убирайте, он там ничего не решает.