Валидность HTML. Консультации по исправлению ошибок. Постоянная акция!!!

Автор Старый, 04-11-2015, 12:16:47

« назад - далее »

СтарыйTopic starter

Цитата: Zhezkazganetcs от 26-02-2016, 09:24:33как задать максимальную ширину сайта

Всего или отдельного блока? Сайт свёрстан по блочно, что в принципе, правильно.  :)

Максимальная ширина задаётся правилом:
max-width:1400px; (значение не обязательно в px, можно в других единицах), а выравнивание по центру: margin:auto;

Так как дизай адаптивный, указывайте это правило в основных стилях, иначе @media не отработает.

Добавлено: 26-02-2016, 11:05:43


Цитата: krilovsky68 от 26-02-2016, 10:16:13надеюсь что правильно написал в той ветке которой надо.

Ветка неправильная и тема не тому посвящена.  :)
Вам нужно было открыть собственную тему и попросить помощи.  :)

Цитата: krilovsky68 от 26-02-2016, 10:16:13был бы благодарен не просто выложенному решению а еще если скажете где я ошибся.

На мой взгляд, вы потеряли одну строчку.
Попробуйте добавить:
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">

Вот так:

<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<strong>Адрес:</strong> <span itemprop="postalCode">392000</span>, гор. <span itemprop="addressLocality">Тамбов</span>, ул. <span itemprop="streetAddress">Карла Маркса, дом 161, офис 25</span>
</div>



Zhezkazganetcs

Цитата: Старый от 26-02-2016, 10:25:52Всего или отдельного блока? Сайт свёрстан по блочно, что в принципе, правильно. 

Максимальная ширина задаётся правилом:
max-width:1400px; (значение не обязательно в px, можно в других единицах), а выравнивание по центру: margin:auto;

Так как дизай адаптивный, указывайте это правило в основных стилях, иначе @media не отработает.
нет
только контентной части
а футер чтобы растягивался на всю ширину экрана



СтарыйTopic starter

Цитата: Zhezkazganetcs от 26-02-2016, 11:20:10нет
только контентной части

Полностью вёрстку не смотрел, но вроде... Придётся добавить слой между <nav> и <div class="wrapper style4">
В общем, нужно обернуть контентную часть в слой и задать ему максимальную ширину.
Может не увидел, но, если есть общий слой, то задайте максимум ему.

Zhezkazganetcs

Цитата: Старый от 26-02-2016, 11:34:22Может не увидел, но, если есть общий слой, то задайте максимум ему.
файл стилей
[spoiler]
Цитировать@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic,700");@import url("font-awesome.min.css");html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1; max-width:1300px; margin:auto;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
body{-webkit-text-size-adjust:none;}
*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.container{margin-left:auto;margin-right:auto;}
.container.\31 25\25{width:100%;max-width:1200px;min-width:960px;}
.container.\37 5\25{width:720px;}
.container.\35 0\25{width:480px;}
.container.\32 5\25{width:240px;}
.container{width:960px;}
@media screen and (min-width:737px){.container.\31 25\25{width:100%;max-width:1500px;min-width:1200px;}
.container.\37 5\25{width:900px;}
.container.\35 0\25{width:600px;}
.container.\32 5\25{width:300px;}
.container{width:1200px;}
}
@media screen and (min-width:737px) and (max-width:1200px){.container.\31 25\25{width:100%;max-width:1200px;min-width:960px;}
.container.\37 5\25{width:720px;}
.container.\35 0\25{width:480px;}
.container.\32 5\25{width:240px;}
.container{width:960px;}
}
@media screen and (max-width:736px){.container.\31 25\25{width:100%;max-width:125%;min-width:100%;}
.container.\37 5\25{width:75%;}
.container.\35 0\25{width:50%;}
.container.\32 5\25{width:25%;}
.container{width:100% !important;}
}
.row{border-bottom:solid 1px transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.row > *{float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.row:after, .row:before{content:'';display:block;clear:both;height:0;}
.row.uniform > * >:first-child{margin-top:0;}
.row.uniform > * >:last-child{margin-bottom:0;}
.row.\30 \25 > *{padding:0 0 0 0px;}
.row.\30 \25{margin:0 0 -1px 0px;}
.row.uniform.\30 \25 > *{padding:0px 0 0 0px;}
.row.uniform.\30 \25{margin:0px 0 -1px 0px;}
.row > *{padding:0 0 0 40px;}
.row{margin:0 0 -1px -40px;}
.row.uniform > *{padding:40px 0 0 40px;}
.row.uniform{margin:-40px 0 -1px -40px;}
.row.\32 00\25 > *{padding:0 0 0 80px;}
.row.\32 00\25{margin:0 0 -1px -80px;}
.row.uniform.\32 00\25 > *{padding:80px 0 0 80px;}
.row.uniform.\32 00\25{margin:-80px 0 -1px -80px;}
.row.\31 50\25 > *{padding:0 0 0 60px;}
.row.\31 50\25{margin:0 0 -1px -60px;}
.row.uniform.\31 50\25 > *{padding:60px 0 0 60px;}
.row.uniform.\31 50\25{margin:-60px 0 -1px -60px;}
.row.\35 0\25 > *{padding:0 0 0 20px;}
.row.\35 0\25{margin:0 0 -1px -20px;}
.row.uniform.\35 0\25 > *{padding:20px 0 0 20px;}
.row.uniform.\35 0\25{margin:-20px 0 -1px -20px;}
.row.\32 5\25 > *{padding:0 0 0 10px;}
.row.\32 5\25{margin:0 0 -1px -10px;}
.row.uniform.\32 5\25 > *{padding:10px 0 0 10px;}
.row.uniform.\32 5\25{margin:-10px 0 -1px -10px;}
.\31 2u, .\31 2u\24{width:100%;clear:none;margin-left:0;}
.\31 1u, .\31 1u\24{width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u, .\31 0u\24{width:83.3333333333%;clear:none;margin-left:0;}
.\39 u, .\39 u\24{width:75%;clear:none;margin-left:0;}
.\38 u, .\38 u\24{width:66.6666666667%;clear:none;margin-left:0;}
.\37 u, .\37 u\24{width:58.3333333333%;clear:none;margin-left:0;}
.\36 u, .\36 u\24{width:50%;clear:none;margin-left:0;}
.\35 u, .\35 u\24{width:41.6666666667%;clear:none;margin-left:0;}
.\34 u, .\34 u\24{width:33.3333333333%;clear:none;margin-left:0;}
.\33 u, .\33 u\24{width:25%;clear:none;margin-left:0;}
.\32 u, .\32 u\24{width:16.6666666667%;clear:none;margin-left:0;}
.\31 u, .\31 u\24{width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24 + *,
.\31 1u\24 + *,
.\31 0u\24 + *,
.\39 u\24 + *,
.\38 u\24 + *,
.\37 u\24 + *,
.\36 u\24 + *,
.\35 u\24 + *,
.\34 u\24 + *,
.\33 u\24 + *,
.\32 u\24 + *,
.\31 u\24 + *{clear:left;}
.\-11u{margin-left:91.66667%;}
.\-10u{margin-left:83.33333%;}
.\-9u{margin-left:75%;}
.\-8u{margin-left:66.66667%;}
.\-7u{margin-left:58.33333%;}
.\-6u{margin-left:50%;}
.\-5u{margin-left:41.66667%;}
.\-4u{margin-left:33.33333%;}
.\-3u{margin-left:25%;}
.\-2u{margin-left:16.66667%;}
.\-1u{margin-left:8.33333%;}
@media screen and (min-width:737px){.row > *{padding:25px 0 0 25px;}
.row{margin:-25px 0 -1px -25px;}
.row.uniform > *{padding:25px 0 0 25px;}
.row.uniform{margin:-25px 0 -1px -25px;}
.row.\32 00\25 > *{padding:50px 0 0 50px;}
.row.\32 00\25{margin:-50px 0 -1px -50px;}
.row.uniform.\32 00\25 > *{padding:50px 0 0 50px;}
.row.uniform.\32 00\25{margin:-50px 0 -1px -50px;}
.row.\31 50\25 > *{padding:37.5px 0 0 37.5px;}
.row.\31 50\25{margin:-37.5px 0 -1px -37.5px;}
.row.uniform.\31 50\25 > *{padding:37.5px 0 0 37.5px;}
.row.uniform.\31 50\25{margin:-37.5px 0 -1px -37.5px;}
.row.\35 0\25 > *{padding:12.5px 0 0 12.5px;}
.row.\35 0\25{margin:-12.5px 0 -1px -12.5px;}
.row.uniform.\35 0\25 > *{padding:12.5px 0 0 12.5px;}
.row.uniform.\35 0\25{margin:-12.5px 0 -1px -12.5px;}
.row.\32 5\25 > *{padding:6.25px 0 0 6.25px;}
.row.\32 5\25{margin:-6.25px 0 -1px -6.25px;}
.row.uniform.\32 5\25 > *{padding:6.25px 0 0 6.25px;}
.row.uniform.\32 5\25{margin:-6.25px 0 -1px -6.25px;}
.\31 2u\28desktop\29, .\31 2u\24\28desktop\29{width:100%;clear:none;margin-left:0;}
.\31 1u\28desktop\29, .\31 1u\24\28desktop\29{width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28desktop\29, .\31 0u\24\28desktop\29{width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28desktop\29, .\39 u\24\28desktop\29{width:75%;clear:none;margin-left:0;}
.\38 u\28desktop\29, .\38 u\24\28desktop\29{width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28desktop\29, .\37 u\24\28desktop\29{width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28desktop\29, .\36 u\24\28desktop\29{width:50%;clear:none;margin-left:0;}
.\35 u\28desktop\29, .\35 u\24\28desktop\29{width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28desktop\29, .\34 u\24\28desktop\29{width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28desktop\29, .\33 u\24\28desktop\29{width:25%;clear:none;margin-left:0;}
.\32 u\28desktop\29, .\32 u\24\28desktop\29{width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28desktop\29, .\31 u\24\28desktop\29{width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28desktop\29 + *,
.\31 1u\24\28desktop\29 + *,
.\31 0u\24\28desktop\29 + *,
.\39 u\24\28desktop\29 + *,
.\38 u\24\28desktop\29 + *,
.\37 u\24\28desktop\29 + *,
.\36 u\24\28desktop\29 + *,
.\35 u\24\28desktop\29 + *,
.\34 u\24\28desktop\29 + *,
.\33 u\24\28desktop\29 + *,
.\32 u\24\28desktop\29 + *,
.\31 u\24\28desktop\29 + *{clear:left;}
.\-11u\28desktop\29{margin-left:91.66667%;}
.\-10u\28desktop\29{margin-left:83.33333%;}
.\-9u\28desktop\29{margin-left:75%;}
.\-8u\28desktop\29{margin-left:66.66667%;}
.\-7u\28desktop\29{margin-left:58.33333%;}
.\-6u\28desktop\29{margin-left:50%;}
.\-5u\28desktop\29{margin-left:41.66667%;}
.\-4u\28desktop\29{margin-left:33.33333%;}
.\-3u\28desktop\29{margin-left:25%;}
.\-2u\28desktop\29{margin-left:16.66667%;}
.\-1u\28desktop\29{margin-left:8.33333%;}
}
@media screen and (min-width:737px) and (max-width:1200px){.row > *{padding:25px 0 0 25px;}
.row{margin:-25px 0 -1px -25px;}
.row.uniform > *{padding:25px 0 0 25px;}
.row.uniform{margin:-25px 0 -1px -25px;}
.row.\32 00\25 > *{padding:50px 0 0 50px;}
.row.\32 00\25{margin:-50px 0 -1px -50px;}
.row.uniform.\32 00\25 > *{padding:50px 0 0 50px;}
.row.uniform.\32 00\25{margin:-50px 0 -1px -50px;}
.row.\31 50\25 > *{padding:37.5px 0 0 37.5px;}
.row.\31 50\25{margin:-37.5px 0 -1px -37.5px;}
.row.uniform.\31 50\25 > *{padding:37.5px 0 0 37.5px;}
.row.uniform.\31 50\25{margin:-37.5px 0 -1px -37.5px;}
.row.\35 0\25 > *{padding:12.5px 0 0 12.5px;}
.row.\35 0\25{margin:-12.5px 0 -1px -12.5px;}
.row.uniform.\35 0\25 > *{padding:12.5px 0 0 12.5px;}
.row.uniform.\35 0\25{margin:-12.5px 0 -1px -12.5px;}
.row.\32 5\25 > *{padding:6.25px 0 0 6.25px;}
.row.\32 5\25{margin:-6.25px 0 -1px -6.25px;}
.row.uniform.\32 5\25 > *{padding:6.25px 0 0 6.25px;}
.row.uniform.\32 5\25{margin:-6.25px 0 -1px -6.25px;}
.\31 2u\28tablet\29, .\31 2u\24\28tablet\29{width:100%;clear:none;margin-left:0;}
.\31 1u\28tablet\29, .\31 1u\24\28tablet\29{width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28tablet\29, .\31 0u\24\28tablet\29{width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28tablet\29, .\39 u\24\28tablet\29{width:75%;clear:none;margin-left:0;}
.\38 u\28tablet\29, .\38 u\24\28tablet\29{width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28tablet\29, .\37 u\24\28tablet\29{width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28tablet\29, .\36 u\24\28tablet\29{width:50%;clear:none;margin-left:0;}
.\35 u\28tablet\29, .\35 u\24\28tablet\29{width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28tablet\29, .\34 u\24\28tablet\29{width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28tablet\29, .\33 u\24\28tablet\29{width:25%;clear:none;margin-left:0;}
.\32 u\28tablet\29, .\32 u\24\28tablet\29{width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28tablet\29, .\31 u\24\28tablet\29{width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28tablet\29 + *,
.\31 1u\24\28tablet\29 + *,
.\31 0u\24\28tablet\29 + *,
.\39 u\24\28tablet\29 + *,
.\38 u\24\28tablet\29 + *,
.\37 u\24\28tablet\29 + *,
.\36 u\24\28tablet\29 + *,
.\35 u\24\28tablet\29 + *,
.\34 u\24\28tablet\29 + *,
.\33 u\24\28tablet\29 + *,
.\32 u\24\28tablet\29 + *,
.\31 u\24\28tablet\29 + *{clear:left;}
.\-11u\28tablet\29{margin-left:91.66667%;}
.\-10u\28tablet\29{margin-left:83.33333%;}
.\-9u\28tablet\29{margin-left:75%;}
.\-8u\28tablet\29{margin-left:66.66667%;}
.\-7u\28tablet\29{margin-left:58.33333%;}
.\-6u\28tablet\29{margin-left:50%;}
.\-5u\28tablet\29{margin-left:41.66667%;}
.\-4u\28tablet\29{margin-left:33.33333%;}
.\-3u\28tablet\29{margin-left:25%;}
.\-2u\28tablet\29{margin-left:16.66667%;}
.\-1u\28tablet\29{margin-left:8.33333%;}
}
@media screen and (max-width:736px){.row > *{padding:15px 0 0 15px;}
.row{margin:-15px 0 -1px -15px;}
.row.uniform > *{padding:15px 0 0 15px;}
.row.uniform{margin:-15px 0 -1px -15px;}
.row.\32 00\25 > *{padding:30px 0 0 30px;}
.row.\32 00\25{margin:-30px 0 -1px -30px;}
.row.uniform.\32 00\25 > *{padding:30px 0 0 30px;}
.row.uniform.\32 00\25{margin:-30px 0 -1px -30px;}
.row.\31 50\25 > *{padding:22.5px 0 0 22.5px;}
.row.\31 50\25{margin:-22.5px 0 -1px -22.5px;}
.row.uniform.\31 50\25 > *{padding:22.5px 0 0 22.5px;}
.row.uniform.\31 50\25{margin:-22.5px 0 -1px -22.5px;}
.row.\35 0\25 > *{padding:7.5px 0 0 7.5px;}
.row.\35 0\25{margin:-7.5px 0 -1px -7.5px;}
.row.uniform.\35 0\25 > *{padding:7.5px 0 0 7.5px;}
.row.uniform.\35 0\25{margin:-7.5px 0 -1px -7.5px;}
.row.\32 5\25 > *{padding:3.75px 0 0 3.75px;}
.row.\32 5\25{margin:-3.75px 0 -1px -3.75px;}
.row.uniform.\32 5\25 > *{padding:3.75px 0 0 3.75px;}
.row.uniform.\32 5\25{margin:-3.75px 0 -1px -3.75px;}
.\31 2u\28mobile\29, .\31 2u\24\28mobile\29{width:100%;clear:none;margin-left:0;}
.\31 1u\28mobile\29, .\31 1u\24\28mobile\29{width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28mobile\29, .\31 0u\24\28mobile\29{width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28mobile\29, .\39 u\24\28mobile\29{width:75%;clear:none;margin-left:0;}
.\38 u\28mobile\29, .\38 u\24\28mobile\29{width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28mobile\29, .\37 u\24\28mobile\29{width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28mobile\29, .\36 u\24\28mobile\29{width:50%;clear:none;margin-left:0;}
.\35 u\28mobile\29, .\35 u\24\28mobile\29{width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28mobile\29, .\34 u\24\28mobile\29{width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28mobile\29, .\33 u\24\28mobile\29{width:25%;clear:none;margin-left:0;}
.\32 u\28mobile\29, .\32 u\24\28mobile\29{width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28mobile\29, .\31 u\24\28mobile\29{width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28mobile\29 + *,
.\31 1u\24\28mobile\29 + *,
.\31 0u\24\28mobile\29 + *,
.\39 u\24\28mobile\29 + *,
.\38 u\24\28mobile\29 + *,
.\37 u\24\28mobile\29 + *,
.\36 u\24\28mobile\29 + *,
.\35 u\24\28mobile\29 + *,
.\34 u\24\28mobile\29 + *,
.\33 u\24\28mobile\29 + *,
.\32 u\24\28mobile\29 + *,
.\31 u\24\28mobile\29 + *{clear:left;}
.\-11u\28mobile\29{margin-left:91.66667%;}
.\-10u\28mobile\29{margin-left:83.33333%;}
.\-9u\28mobile\29{margin-left:75%;}
.\-8u\28mobile\29{margin-left:66.66667%;}
.\-7u\28mobile\29{margin-left:58.33333%;}
.\-6u\28mobile\29{margin-left:50%;}
.\-5u\28mobile\29{margin-left:41.66667%;}
.\-4u\28mobile\29{margin-left:33.33333%;}
.\-3u\28mobile\29{margin-left:25%;}
.\-2u\28mobile\29{margin-left:16.66667%;}
.\-1u\28mobile\29{margin-left:8.33333%;}
}
body, input, textarea, select{font-family:'Open Sans', sans-serif;line-height:1.85em;color:#888;font-weight:300;}
body.is-loading *, input.is-loading *, textarea.is-loading *, select.is-loading *{-moz-transition:none !important;-webkit-transition:none !important;-ms-transition:none !important;transition:none !important;-moz-animation:none !important;-webkit-animation:none !important;-ms-animation:none !important;animation:none !important;}
a{-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:#43B3E0;text-decoration:underline;}
a:hover{color:#43bff0 !important;}
a img{border:0;}
b, strong{font-weight:600;color:#3e3e3e;}
i, em{font-style:italic;}
sub{position:relative;top:0.5em;font-size:0.8em;}
sup{position:relative;top:-0.5em;font-size:0.8em;}
blockquote{border-left:solid 0.75em #eee;padding:1em 0 1em 1.5em;font-style:italic;}
h1, h2, h3, h4, h5, h6{color:#3e3e3e;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none;color:inherit;}
h2, h3, h4, h5, h6{font-weight:700;}
h1{font-weight:300;}
h1 strong{font-weight:700;}
em, i{font-style:italic;}
br.clear{clear:both;}
hr{border:0;border-top:solid 1px #444;border-top-color:rgba(0, 0, 0, 0.35);box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1);height:1px;margin:3em 0 4em 0;}
p, ul, ol, dl, table{margin-bottom:2em;}
form label{color:#3e3e3e;font-weight:700;display:block;margin:0 0 0.5em 0;}
form input[type=text],
form input[type=email],
form input[type=password],
form select,
form textarea{-moz-transition:background .2s ease-in-out, box-shadow .2s ease-in-out;-webkit-transition:background .2s ease-in-out, box-shadow .2s ease-in-out;-ms-transition:background .2s ease-in-out, box-shadow .2s ease-in-out;transition:background .2s ease-in-out, box-shadow .2s ease-in-out;-webkit-appearance:none;display:block;border:0;padding:0.75em;font-size:1em;border-radius:8px;border:solid 1px #ddd;background:#fff;color:#bbb;box-shadow:inset 0px 2px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 0px 0px rgba(255, 255, 255, 0.025);width:100%;}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form select:focus,
form textarea:focus{background:#fafafa;box-shadow:inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 0px 0px rgba(255, 255, 255, 0.025), inset 0px 0px 2px 1px #43bff0;}
form textarea{height:15em;}
form .formerize-placeholder{color:#555 !important;}
form::-webkit-input-placeholder{color:#555 !important;}
form:-moz-placeholder{color:#555 !important;}
form::-moz-placeholder{color:#555 !important;}
form:-ms-input-placeholder{color:#555 !important;}
form::-moz-focus-inner{border:0;}
table{width:100%;}
table.default{width:100%;}
table.default tr{border-top:solid 1px #eee;}
table.default tr:first-child{border-top:0;}
table.default td{padding:0.5em 1em 0.5em 1em;}
table.default th{text-align:left;padding:0.5em 1em 0.5em 1em;font-weight:600;margin:0 0 1em 0;}
table.default thead{background:#4f4f4f;color:#fff;}
section, article{margin-bottom:3em;}
section >:last-child,
article >:last-child,
section:last-child,
article:last-child{margin-bottom:0;}
.image{display:inline-block;position:relative;}
.image img{display:block;width:100%;}
.image.fit{display:block;width:100%;}
.image.featured{display:block;width:100%;margin:0 0 2em 0;}
.image.left{float:left;margin:0 2em 2em 0;}
.image.centered{display:block;margin:0 0 2em 0;}
.image.centered img{margin:0 auto;width:auto;}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button{background-image:url("images/bg.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));background-image:url("images/bg.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));background-image:url("images/bg.png"), -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));background-image:url("images/bg.png"), linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));-moz-transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;-webkit-appearance:none;position:relative;display:inline-block;color:#fff !important;text-decoration:none;font-weight:700;border:0;outline:0;cursor:pointer;border-radius:8px;text-shadow:-1px -1px 0.5px rgba(0, 0, 0, 0.5);overflow:hidden;box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.75);background-color:#43B3E0;}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover{background-color:#43bff0;color:#fff !important;}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active,
.button:active{background-color:#3BA8D3;top:1px;}
input[type="button"].alt,
input[type="submit"].alt,
input[type="reset"].alt,
button.alt,
.button.alt{background-color:#444;box-shadow:inset 0px 0px 0px 1px #242424, inset 0px 2px 1px 0px rgba(255, 255, 255, 0.2);}
input[type="button"].alt:hover,
input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
button.alt:hover,
.button.alt:hover{background-color:#4f4f4f;color:#fff !important;}
input[type="button"].alt:active,
input[type="submit"].alt:active,
input[type="reset"].alt:active,
button.alt:active,
.button.alt:active{background-color:#3f3f3f;}
ul.default{list-style:disc;padding-left:1em;}
ul.default li{padding-left:0.5em;}
ul.social{cursor:default;margin:0;}
ul.social li{position:relative;display:inline-block;margin:0.25em;top:0;}
ul.social li a{-moz-transition:top .2s ease-in-out;-webkit-transition:top .2s ease-in-out;-ms-transition:top .2s ease-in-out;transition:top .2s ease-in-out;display:block;width:48px;height:48px;border-radius:6px;top:0;position:relative;}
ul.social li a:before{background-image:url("images/bg.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));background-image:url("images/bg.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));background-image:url("images/bg.png"), -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));background-image:url("images/bg.png"), linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));-moz-transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;background-color:#444;border-radius:6px;box-shadow:inset 0px 0px 0px 1px #282828, inset 0px 2px 1px 0px rgba(255, 255, 255, 0.1);color:#2E2E2E !important;display:block;font-size:26px;height:48px;line-height:48px;text-align:center;outline:0;overflow:hidden;text-shadow:1px 1px 0px rgba(255, 255, 255, 0.1);width:48px;}
ul.social li a.fa-twitter{background-color:#2DAAE4;}
ul.social li a.fa-facebook{background-color:#3C5A98;}
ul.social li a.fa-dribbble{background-color:#C4376B;}
ul.social li a.fa-linkedin{background-color:#006599;}
ul.social li a.fa-tumblr{background-color:#51718A;}
ul.social li a.fa-google-plus{background-color:#DA2713;}
ul.social li a.fa-github{background-color:#FAFAFA;}
ul.social li a.fa-rss{background-color:#F2600B;}
ul.social li a.fa-instagram{background-color:#E0D7C8;}
ul.social li a.fa-foursquare{background-color:#39A3D4;}
ul.social li a.fa-skype{background-color:#10BEF1;}
ul.social li a.fa-soundcloud{background-color:#FE5419;}
ul.social li a.fa-youtube{background-color:#BF2E25;}
ul.social li a.fa-blogger{background-color:#FF6501;}
ul.social li a.fa-flickr{background-color:#0062DB;}
ul.social li a.fa-vimeo{background-color:#4C8AB0;}
ul.social li a:hover{top:-5px;}
ul.social li a:hover:before{background-color:transparent;}
ul.actions li{display:inline-block;margin:0 0 0 1em;}
ul.actions li:first-child{margin-left:0;}
ol.default{list-style:decimal;padding-left:1.25em;}
ol.default li{padding-left:0.25em;}
.box{background:#fff;box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.1);text-align:center;}
.icon{text-decoration:none;}
.icon:before{display:inline-block;font-family:FontAwesome;font-size:1.25em;text-decoration:none;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon > .label{display:none;}
.icon.featured{color:#EA8A95;display:block;margin:0 0 1.5em 0;cursor:default;}
.icon.featured:before{font-size:6em;}
.wrapper{background-image:url("images/bg.png");box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.05), inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1);}
.wrapper.first{box-shadow:none;}
.wrapper.style1{background-image:none;background-color:#fff;}
.wrapper.style2{background-color:#fafafa;text-shadow:1px 1px 0px #fff;}
.wrapper.style3{background-color:#f4f4f4;text-shadow:1px 1px 0px #fff;}
.wrapper.style4{background-color:#303030;color:#999;text-shadow:-1px -1px 0px #181818;}
.wrapper.style4 h1, .wrapper.style4 h2, .wrapper.style4 h3, .wrapper.style4 h4, .wrapper.style4 h5, .wrapper.style4 h6{color:#fff;}
.wrapper.style4 form input[type=text],
.wrapper.style4 form input[type=password],
.wrapper.style4 form select,
.wrapper.style4 form textarea{border:none;background:#282828;}
.wrapper.style4 form input[type=text]:focus,
.wrapper.style4 form input[type=password]:focus,
.wrapper.style4 form select:focus,
.wrapper.style4 form textarea:focus{background:#252525;}
#nav{background-color:#282828;text-align:center;position:fixed;left:0;top:0;width:100%;z-index:10000;cursor:default;}
#nav ul{margin-bottom:0;}
#nav li{display:inline-block;}
#nav a{position:relative;display:block;color:#fff;text-decoration:none;outline:0;}
#nav a:hover{color:#fff !important;}
#nav a.active:before{content:'';display:block;position:absolute;bottom:-0.6em;left:50%;margin-left:-0.75em;border-left:solid 0.75em transparent;border-right:solid 0.75em transparent;border-top:solid 0.6em #282828;}
#top .image{border-radius:50%;}
#top .image img{border-radius:50%;}
#top p a{color:inherit;}
#copyright{color:#666;}
#copyright a{-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:inherit;}
#copyright a:hover{color:#777;}
@media screen and (min-width:737px){body, input, textarea, select{font-size:13pt;}
h1{font-size:2.4em;font-weight:bold;letter-spacing:-0.025em;}
h2{font-size:1.9em;letter-spacing:-0.015em;}
h3{font-size:1.5em;letter-spacing:-0.015em;}
h1, h2, h3, h4, h5, h6{margin:0 0 0.75em 0;}
header{margin:0 0 3em 0;}
header > p{font-size:1.25em;margin:0;}
footer{margin:3em 0 0 0;}
footer > p{font-size:1.25em;}
form input[type="button"],
form input[type="submit"],
form input[type="reset"],
form button,
form .button{margin:0 0.5em 0 0.5em;}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button{padding:1em 2.35em 1em 2.35em;font-size:1.1em;}
input[type="button"].big,
input[type="submit"].big,
input[type="reset"].big,
button.big,
.button.big{font-size:1.5em;letter-spacing:-0.025em;}
.box{padding:2em;}
.box.style1{padding:3em 2em 3.5em 2em;}
.box.style1 h3{margin-bottom:0.5em;}
.box.style2 h3{margin-bottom:0.25em;}
.box.style2 .image{position:relative;left:2em;top:2em;margin:-4em 0 4em -4em;width:auto;}
.wrapper{padding:8em 0 8em 0;text-align:center;}
.wrapper.first{padding-top:12em;}
#nav a{-moz-transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;padding:0.2em 1em 0.2em 1em;margin:0.6em 0.2em 0.6em 0.2em;font-weight:600;border-radius:8px;color:#fff;}
#nav a:hover{background:#383838;}
#nav a:active{background:#484848;}
#top{text-align:left;}
#top .image{width:20em;height:20em;margin:0;}
#top h1{margin-top:0.35em;}
#top p{font-size:1.5em;line-height:1.75em;}
#contact footer{font-size:0.9em;}
#copyright{font-size:1em;line-height:1em;}
#copyright li{display:inline-block;border-left:solid 1px rgba(0, 0, 0, 0.5);box-shadow:-1px 0px 0px 0px rgba(255, 255, 255, 0.1);padding:0 0 0 1em;margin:0 0 0 1em;}
#copyright li:first-child{border:0;box-shadow:none;padding-left:0;margin-left:0;}
}
@media screen and (min-width:737px) and (max-width:1200px){body{min-width:960px;font-size:11pt;}
input, textarea, select{font-size:11pt;}
header{margin:0 0 4em 0;}
.wrapper{padding:5em 0 5em 0;text-align:center;}
.wrapper.first{padding-top:9em;}
.wrapper.style4 .row-special{margin:2em 0 0 0;padding:2em 0 2em 0;}
#top .image{width:19.5em;height:19.5em;margin:0;}
}
@media screen and (max-width:736px){body, input, textarea, select{line-height:1.75em;font-size:10pt;letter-spacing:0;}
h1, h2, h3, h4, h5, h6{font-size:1.25em;margin:0 0 0.4em 0;}
h1{font-size:2.25em;line-height:1.25em;}
header{margin:0 0 2em 0;}
header > p{font-size:1.25em;}
footer{margin:2.5em 0 0 0;}
footer > p{font-size:1.25em;}
hr{margin:1.5em 0 2em 0;}
section, article{clear:both;}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button{text-align:center;font-size:1.2em;width:100%;padding:1em 0 1em 0;}
ul.social{padding:1em 0.5em 0 0.5em;}
ul.social li{margin:0.5em 0.5em 0.5em 0.5em;}
ul.social li a{top:0 !important;}
ul.social li a:before{background-color:transparent !important;}
ul.actions{margin:0;}
ul.actions li{display:block;margin:10px 0 0 0;}
ul.actions li:first-child{margin-top:0;}
.box{padding:30px 20px 30px 20px;margin:0 0 20px 0 !important;}
.box h3{margin-bottom:0.25em;}
.box .image.centered{margin-bottom:1em;}
.box .image.featured{position:relative;left:20px;top:20px;margin:-50px 0 50px -40px;width:auto;}
.wrapper{padding:3em 15px 3em 15px;text-align:center;}
.wrapper.first{padding-top:5em;}
#nav a{padding:0.5em;}
#top .image{width:70%;height:auto;margin:0 auto 1.75em auto;}
#contact footer{margin:0;}
#copyright{font-size:1em;margin:0;}
#copyright li{display:block;}
[/spoiler]

СтарыйTopic starter

Zhezkazganetcs, писал об общем контентном блоке/слое, который не охватывает шапку и пятку. Причём тут стили?


Zhezkazganetcs

Цитата: Старый от 26-02-2016, 12:22:47Причём тут стили?
index.html
[spoiler]
Цитировать<!DOCTYPE HTML>
<!--
   Miniport by HTML5 UP
   html5up.net | @n33co
   Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
   <head>
      <title>Стройматериалы ✓кирпич ✓цемент ✓утеплитель ✓блоки</title>
      <meta name="description" content="Стройматериалы ✓кирпич ✓цемент ✓утеплитель ✓блоки от 20т. и 120м³." />
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
      <link rel="stylesheet" href="assets/css/main.css" />
      <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
      <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
   </head>
   <body>

      <!-- Nav -->
         <nav id="nav">
            <ul class="container">
               <li><a href="#top">Главная</a></li>
               <li><a href="#work">О нас</a></li>
               <li><a href="#portfolio">Стройматериалы</a></li>
               <li><a href="#contact">Контакты</a></li>
            </ul>
         </nav>

      <!-- Home -->
         
         <div class="wrapper style1 first">
            <article class="container" id="top">
               <div class="row">
                  <div class="4u 12u(mobile)">
                     <span class="image fit"><img src="images/building-materials.jpg" alt="Кирпич, цемент, утеплитель, блоки" /></span>
                  </div>
                  <div class="8u 12u(mobile)">
                     <header>
                        <h1>Стройматериалы ✓кирпич ✓цемент ✓утеплитель ✓блоки</h1>
                     </header>
                     <p>Бесплатная доставка от 20т. и 120м³</p>
                     <a href="#work" class="button big scrolly">подробнее...</a>
                  </div>
               </div>
            </article>
         </div>

      <!-- Work -->
         <div class="wrapper style2">
            <article id="work">
               <header>
                  <h2>Лучшие стройматериалы для Вашего дома!</h2>
                  <p>Строительство жилого дома, коттеджа или производственного объекта только тогда удовлетворяет всем требованием безопасности и долговечности, когда при возведении используются высококачественные строительные материалы. Но как не ошибиться с выбором поставщика, который  бы соблюдал все договорные обязательства?</p>
<p>Наша компания является Вашим надежным партнером, который поставляет на рынок только лучшие <b>строительные материалы</b> от знаменитых производителей. Мы предлагаем  широкую линейку строительных материалов для возведения объектов любой сложности и назначения.</p>
<h2>Что мы можем предложить своим покупателям?</h2>
<p>Только наша компания предлагает <a title="цемент" href="http://pastroyka.com/cement.html" target="_blank">цемент</a>, <a title="кирпич" href="http://pastroyka.com/brick.html" target="_blank">кирпич</a>, газобетонные <a title="блоки" href=" http://pastroyka.com/blocks.html " target="_blank">блоки</a>, <a title="утеплитель" href="http://pastroyka.com/insulation.html" target="_blank"> утеплитель </a>, минераловатные маты прошивные, рулонные и многое другое по самым демократичным ценам. 
Возникла необходимость купить кладочные материалы по доступной стоимости? В ассортименте нашей компании можно найти кирпич и газобетонные блоки, а также все необходимые сопутствующие товары, в том числе и цемент.</p>
<p>Требуется произвести надежную теплоизоляцию возводимых объектов? Вы в поиске недорогих базальтовых утеплителей? У нас представлены только высококачественные материалы знаменитых брендов ISOVER, PAROC, маты минераловатные прошивные МП-75, без обкладки. </p>           
<p>Наши квалифицированные специалисты всегда отслеживают новинки в области лучших материалов для строительства, поэтому мы постоянно совершенствуемся, расширяя ассортиментный перечень нашей компании качественной и долговечной продукцией.</p>
<h2>Наши главные преимущества</h2>
<p>Мы предлагаем сегодня нашим клиентам широчайший спектр сопутствующих услуг:</p>
<p>- первичная бесплатная консультация высококвалифицированным специалистом;</p>
<p>- продажа строительных материалов (розница, опт);</p>
<p>- организуем быструю доставку отделочных материалов не только по Беларуси, но и в любую страну мира;</p>
<p>- у нас всегда действуют продуманная  система скидок на многие товарные позиции и выгоднейшие акции;</p>
<p>- постоянным покупателям мы предлагаем отсрочку платежа;</p>
<p>- покупая у нас, Вы экономите свое время и средства!</p>
<p>Вам необходимо срочно приобрести стройматериалы? Наши компетентные менеджеры по продажам всегда помогут Вам выбрать все необходимое, быстро оформят договор и организуют доставку необходимых стройматериалов. Вы можете предварительно получить исчерпывающие консультации у наших специалистов по телефонам, которые указаны на сайте. Или написать нашим менеджерам на  e-mail: info.pastroyka@mail.ru</p>
<p>Мы дорожим своей репутацией и уважаем каждого нашего клиента, поэтому предлагаем только честные демократичные цены на все стройматериалы. Сотрудничество с нами – это порядочность, качество и очевидная выгода!</p>
               </header>
               <!--<div class="container">
                  <div class="row">
                     <div class="4u 12u(mobile)">
                        <section class="box style1">
                           <span class="icon featured fa-comments-o"></span>
                           <h2>Строительные материалы</h2>
                           <p>Все для стройки</p>
                        </section>
                     </div>
                     <div class="4u 12u(mobile)">
                        <section class="box style1">
                           <span class="icon featured fa-camera-retro"></span>
                           <h2>Строительные материалы</h2>
                           <p>Все для стройки</p>
                        </section>
                     </div>
                     <div class="4u 12u(mobile)">
                        <section class="box style1">
                           <span class="icon featured fa-thumbs-o-up"></span>
                           <h2>Строительные материалы</h2>
                           <p>Все для стройки</p>
                        </section>
                     </div>
                  </div>
               </div>
               <footer>
                  <p>Строительные материалы?</p>
                  <a href="#portfolio" class="button big scrolly">Стройматериалы</a>
               </footer>
            </article>
         </div>--><!--Возможно удалить-->

      <!-- Portfolio -->
         <div class="wrapper style3">
            <article id="portfolio">
               <header>
                  <h2>Строительные материалы, которые мы предлагаем</h2>
                  <p>Лучшие цены за качественный товар только для наших клиентов.</p>
               </header>
               <div class="container">
                  <div class="row">
                     <div class="4u 12u(mobile)">
                        <article class="box style2">
                           <a href="#" class="image featured"><img src="images/brick.jpg" alt="кирпич" /></a>
                           <h2><a href="http://pastroyka.com/brick.html">Кирпич</a></h2>
                           <p>облицовочный, силикатный, керамический, полнотелый, огнеупoрный</p>
                        </article>
                     </div>
                     <div class="4u 12u(mobile)">
                        <article class="box style2">
                           <a href="#" class="image featured"><img src="images/cement.jpg" alt="цемент" /></a>
                           <h2><a href="http://pastroyka.com/cement.html">Цемент</a></h2>
                           <p>цемент м-500, цемент м-400, глиноземистый расширяющийся, ГЦ40, ГЦ50, ГГР, ПЦ550 Д20 </p>
                        </article>
                     </div>
                     <div class="4u 12u(mobile)">
                        <article class="box style2">
                           <a href="#" class="image featured"><img src="images/insulation.jpg" alt="утеплитель" /></a>
                           <h2><a href="http://pastroyka.com/insulation.html">Утеплитель</a></h2>
                           <p>утеплитель для стен, для дома, базальтовый утеплитель, минеральная вата, ISOVER,PAROC, МП-100</p>
                        </article>
                     </div>
                  </div>
                  <div class="row">
                     <div class="4u 12u(mobile)">
                        <article class="box style2">
                           <a href="#" class="image featured"><img src="images/blocks.jpg" alt="блоки" /></a>
                           <h2><a href="http://pastroyka.com/blocks.html">Блоки</a></h2>
                           <p>пеноблоки, керамзитобетонные блоки, газосиликатные блоки, блоки из ячеистого бетона стеновые</p>
                        </article>
                     </div>
                     <div class="4u 12u(mobile)">
                        <article class="box style2">
                           <a href="#" class="image featured"><img src="images/pic05.jpg" alt="Стройматериалы" /></a>
                           <h2><a href="#">Строительные материалы</a></h2>
                           <p>Все для стройки</p>
                        </article>
                     </div>
                     <div class="4u 12u(mobile)">
                        <article class="box style2">
                           <a href="#" class="image featured"><img src="images/pic06.jpg" alt="Стройматериалы" /></a>
                           <h2><a href="#">Строительные материалы</a></h2>
                           <p>Все для стройки</p>
                        </article>
                     </div>
                  </div>
               </div>
               <footer>
                  <p>Возникли трудности с выбором или появились дополнительные вопросы?</p>
                  <a href="#contact" class="button big scrolly">жмите сюда...</a>
               </footer>
            </article>
         </div>

      <!-- Contact -->
         <div class="wrapper style4">
            <article id="contact" class="container 75%">
               <header>
                  <h3>Напишите нам</h3>
                  <p>Остались еще вопросы? Напишите письмо, мы обязательно ответим.</p>
               </header>
               <div>
                  <div class="row">
                     <div class="12u">
                        <form method="post" action="post.php">
                           <div>
                              <div class="row">
                                 <div class="6u 12u(mobile)">
                                    <input type="text" name="name" id="name" placeholder="Имя" />
                                 </div>
                                 <div class="6u 12u(mobile)">
                                    <input type="text" name="email" id="email" placeholder="e-mail" />
                                 </div>
                              </div>
                              <div class="row">
                                 <div class="12u">
                                    <input type="text" name="subject" id="subject" placeholder="Тема" />
                                 </div>
                              </div>
                              <div class="row">
                                 <div class="12u">
                                    <textarea name="message" id="message" placeholder="Текст сообщения..."></textarea>
                                 </div>
                              </div>
                              <div class="row 200%">
                                 <div class="12u">
                                    <ul class="actions">
                                       <li><input type="submit" value="отправить сообщение" /></li>
                                       <li><input type="reset" value="очистить форму" class="alt" /></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </form>
                     </div>
                  </div>
                  <div class="row">
                     <div class="12u">
                        <hr />
                        <h3>мы в социальных сетях</h3>
                        <ul class="social">
                           <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
                           <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
                           <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
                           <li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
                           <li><a href="#" class="icon fa-tumblr"><span class="label">Tumblr</span></a></li>
                           <li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li>
                           <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
                           <!--
                           <li><a href="#" class="icon fa-rss"><span>RSS</span></a></li>
                           <li><a href="#" class="icon fa-instagram"><span>Instagram</span></a></li>
                           <li><a href="#" class="icon fa-foursquare"><span>Foursquare</span></a></li>
                           <li><a href="#" class="icon fa-skype"><span>Skype</span></a></li>
                           <li><a href="#" class="icon fa-soundcloud"><span>Soundcloud</span></a></li>
                           <li><a href="#" class="icon fa-youtube"><span>YouTube</span></a></li>
                           <li><a href="#" class="icon fa-blogger"><span>Blogger</span></a></li>
                           <li><a href="#" class="icon fa-flickr"><span>Flickr</span></a></li>
                           <li><a href="#" class="icon fa-vimeo"><span>Vimeo</span></a></li>
                           -->
                        </ul>
                        <hr />
                     </div>
                  </div>
               </div>
               <footer>
                  <ul id="copyright">
                     <li>© 2015-2016 Контент защищен авторским правом</li><li>Даже частичное копирование запрещено - засудим.</li>
                  </ul>
                     <!--LiveInternet counter--><script type="text/javascript"><!--
                     document.write("<a href='//www.liveinternet.ru/click' "+
                     "target=_blank><img src='//counter.yadro.ru/hit?t57.2;r"+
                     escape(document.referrer)+((typeof(screen)=="undefined")?"":
                     ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
                     screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
                     ";"+Math.random()+
                     "' alt='' title='LiveInternet' "+
                     "border='0' width='88' height='31'><\/a>")
                     //--></script><!--/LiveInternet-->
               </footer>
            </article>
         </div>

      <!-- Scripts -->
      <script src="assets/js/jquery.min.js"></script>
         <script src="assets/js/jquery.scrolly.min.js"></script>
         <script src="assets/js/skel.min.js"></script>
         <script src="assets/js/skel-viewport.min.js"></script>
         <script src="assets/js/util.js"></script>
         <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
         <script src="assets/js/main.js"></script>
         <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
      

   </body>
</html>
[/spoiler]

krilovsky68

к сожалению не знаю как вас зовут, но ваша подсказка мне ОЧЕНЬ помогла.
даже не знаю, как я ее пропустить мог.
[spoiler]
Результат проверки

Так парсер микроразметки обработает вашу страницу


    resource = http://advokats68.ru

    organization
        itemType = http://schema.org/Organization
        name = Тамбовская областная Коллегия адвокатов «Юридическая фирма Приходько»
        address
            postaladdress
                itemType = http://schema.org/PostalAddress
                telephone = +7 (4752) 72–93–92
                faxnumber = +7 (4752) 72–40–84
                email = prihodko_pravo@mail.ru
                postalcode = 392000
                addresslocality = Тамбов
                streetaddress = Карла Маркса, дом 161, офис 25
[/spoiler]
Огромное спасибо!
если понадобится консультация по правовым вопросам, всегда буду рад помочь!

с уважением, Крыловский М.В.

зы. почему то думал, что валидатор  меряет валидность
Валидность HTML , валидности разметки по сути одно и тоже;D
адвокат
  •  

СтарыйTopic starter

Цитата: krilovsky68 от 26-02-2016, 12:56:34если понадобится консультация по правовым вопросам, всегда буду рад помочь!

Непременно, как только...  :)
Ну уж лучше вы к нам.  ;)

Добавлено: 26-02-2016, 13:13:30


Попробуйте так. Добавьте в те места, где указано, то, что синеньким:

<div style="max-width:1400px;margin:auto;">
<!-- Home -->
         
         <div class="wrapper style1 first">

..................................................... очень много всяких буковок  :)

</div></div>

      <!-- Contact -->
..................................................... ещё очень много всяких буковок  :)

Добавлено: 26-02-2016, 13:18:07


Цитата: Zhezkazganetcs от 26-02-2016, 12:46:38index.html

Не указал, кому отвечаю.
Zhezkazganetcs, чуть выше, это вам.  :)


Zhezkazganetcs

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


СтарыйTopic starter

Цитата: Zhezkazganetcs от 26-02-2016, 13:43:03хотелось бы только буковки сделать фиксированной ширины

Нет проблем.  :)
Найдите блок, в котором выводятся только "буковки" и добавьте туда атрибут style="" с тем же содержимым.
Если не ошибаюсь, у вас это <header>, т.е., <header style="max-width:1400px;margin:auto;">

Если мы об одних и тех же буковках.  :)
Но это будет только на этой странице.
Если на всём сайте, то в стили добавьте (не в @media, можно в самый низ файла CSS):
header {max-width:1400px;margin:auto;}