gritsyuk

Отправил на почту, с темой - дизайн двух страниц.

Согласен, я предпочел слово table не как элемент разметки <table> , а как общепринятое значение неких структурированных данных, собственно как вы написали: Как вариант, может заменить table__item на box__item. Вопрос довольно таки многогранный.

.table__item (для wrap)Каждому пункту:.table__item_1.table__item_3.table__item_4.table__item_5Общий: .table__item_all

Просто у каждого браузера есть свои стили поумолчанию для каждого объекта (button, input, ul ... ) Именно поэтому рационально использывать reset.css, прочие сбрасывающие стили или свои наработки.

а если vertical-align: middle;для button

#header a.special_link { color:#BC120D; }

<a href="<?php echo $special; ?>" style="color: #BC120D;">SALE</a>Но лучше в стилевом файле указать класс, как SelenIT вам рекомендует.

Путь в тысячу миль начинается с одного шага

li:first-child { box-shadow: -1px 0 0 #84a031; } li:last-child { box-shadow: 1px 0 0 #b4d061; }

Этот стиль динамически вставляет javascript (jquery) также как и обвертку слайдера (<div class="bx-viewport ....">). Смотреть нужно файл - jquery.bxslider.js , так как jquery.bxslider.min.js уже сжатый (в одну строку). А что бы там разобратся нужно понимать как минимум основы Javascript и синтаксис jquery.

Попробуйте для класса bx-viewport прописать нужную вам высоту таким образом height: 600px!important; или прям в теге <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 538px; " style="height: 600px!important;"

для класса .head1 добавьте свойство clear: both; .head1 { clear: both; } Беда и с блоком #content. Вам нужно просмотреть материал как работают блоки флоат, в частности что происходит с родительским элементом.

Возможно вы с Фотошопа сам слой вытащили, а вот про эффект наложение к нему забыли.

«Загадочные отступы» между инлайн-элементами http://css-live.ru/articles/zagadochnye-otstupy-mezhdu-inlajn-blokami.html

Сделай блок c фоном как рамка, размести его по-центру экрана и в этот блок вставляй видео

Как вариант: <div id="id" style="display: block;">...</div> //весь блок id и все что в нем будет выполнятся, потом после нажатия КНОПКИ мы просто выбросим его из потока свойством display:none или можно спрятать - visibility: hidden; <div onclick="show()">Кнопка</div> <script> function show() { document.getElementById('id').style.display = "none"; } </script>

Столкнулся с такой же проблемой, только не с repeat-y (c этим все в порядке), а c масштабированием (backgroun-size: cover) кто подскажет варианты? Работает если html {min-height: 100%;}, но тогда не будет прижат подвал. P.S Забить на прижатый "подвал"

А если больше текста, то как он должен себя вести: располагаться под картинкой или так столбиком справа и "идти" ?

gif анимация

Для горизонтальной линии логичней применить тег <hr> задав ему соответствующий стиль. Вертикальная линия - border-right, зачем что-то выдумывать см. здесь

Слой по центру - смотри здесь

Как вариант box-sizing: border-box; для #main1, #main2.

1)Семантика кода: распространенные ошибки или здесь

Скорей всего вот этот фон, а точнее ширина выреза не соответствует ширине враппера.

Обычно есть центральная часть, которая и должна соответствовать, если макет фиксированный. Всё остальное обычно фон, который тянется. Это понятно и сути не меняет. За оформление согласен - не буду