ksafan

Хотя в этом деле я сам новичок, но если я правильно Вас понял Вы хотели бы разместить логотип по центру блока, тогда наверно есть смысл прибегнуть к помощи свойства background-position, к примеру: .logo{background-position: center top;}Хотя не зная размеры логотипа, трудно что либо сказать, попробуйте.

Здравствуйте! Хотел задать вопрос по поводу вёрстки заголовка страницы, точней по поводу элементов aside и header. Есть сайт, верхняя панель которого состоит из трёх разделов, приветствия, ссылок на регистрацию, и вход, и формы поиска. За который идёт блок с логотипом в виде фона и заголовком для сайта. Код: <aside> <p>Добро пожаловать, Гость</p> <p><a href="#" title="Регистрация">Регистрация</a><a href="#" title="Вход">Вход</a></p> <form action="#" method="POST"> <input type="text" name="search" value="Search"> <input type="submit" name="submit" value="Go"> </form></aside><header> <h1>My site!</h1></header> Как на ваш взгляд, на сколько оправданно будет размешать эту панель в элементе aside, и ставить её выше header, так как размещения элемента aside в header потребует дополнительного div для логотипа и заголовка, и не лучше будет заменить aside обычным div, не несущего дополнительной семантической нагрузки? Или же страницу всегда лучше начинать с элемента header, а уже в нём размешать всё остальное, не смотря на то что потребуются дополнительные элементы?

Спасибо большое! Теперь разобрался.

Всем привет! Я новичок в css, и хотелось бы задать вопрос, по как мне кажется странному поведению свойства clear. Следующий пример не рабочий, в нём нет нужды сделать всё правильно, или решить проблему, он написан для того что бы понять по чему так происходит. Предположим у нас есть один блок, в который вложено два других бока, каждый из них имеет совой заголовок, и ещё несколько вложенных блоков ( в примере блок только один), с заголовком статьи, и датой её создания, за который следует некий текст. Код-html <div id="content"> <div id="block1"> <h4>Название блока</h4> <div class="wrap"> <h5>Заголовок для статьи!</h5> <p class="date">дата: 12.08.2014 14:52</p> <p class="text"> Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).Various versions have evolved over the years, sometimes by accident,sometimes on purpose (injected humour and the like). Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).Various versions have evolved over the years, sometimes by accident,sometimes on purpose (injected humour and the like). </p> </div> </div> <div id="block2"> <h4>Название блока</h4> <div class="wrap"> <h5>Заголовок для статьи!</h5> <p class="date">дата: 12.08.2014 14:52</p> <p class="text"> Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).Various versions have evolved over the years, sometimes by accident,sometimes on purpose (injected humour and the like). Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).Various versions have evolved over the years, sometimes by accident,sometimes on purpose (injected humour and the like). </p> </div> </div></div>В ccs для блока wrap я использую классы, да бы показать идентичность этих двух блоков. Код-css #content{ width: 800px; margin: auto;}#block1{ width: 390px; float: left;}#block2{ width: 390px; margin-left: 410px;}h4{ margin: 0;}h5{ float: left; margin: 0; padding-top: 3px;}.date{ text-align: right;}.text{ clear: both;}Заголовку H5 задано свойство float: left, что бы поставить дату с права от заголовка, в параграфе с текстам, за датой задано свойство clear: both. В блоке block1 всё работает нормально, а вот в блоке block2 это свойство отодвинет текст вниз на высоту блока с текстом. Тоже самое сделает свойство clear: left, и тока задав для блока #block2 .text clear: right мы вернём этот блок на место.Хотя тут вполне можно и обойтись без clear, всё таки хотелось бы понять почему так происходит? В этом и есть мой вопрос.