logicface

Можете задать родительскому блоку этих трех колонок bg-img который выглядит как цвет колонок с повторением.

Хорошо, спасибо вам большое за помощь, шапку переделал полностью как вы советовали списков в списке) Только по своей методике=D

Ну просто это титульная страница, и это шапка, вот я и подумал что красный блок должен быть хэдер)

ТОгда если убрать зеленый блок получиться что красный блок это header. Черный блок вообще просто див в котором лежит лого и авторизачия. А зеленый и розовый блоки это 2 блока nav?=)

Я понимаю но тогда невозможно сверстать будет это меню, красный блок не обязательно должен быть <section>, можно заменить его на <div>? я его хоте вообще сначало сделать <header> но потом подумал что внутри лежит див с авторизацией на сайт, а я его не хочу выносить за этот блок=)

Да для нарезки там и учить то нечего.=) Все что вам нужно это инструмент рамка, прямоугольная область и ctrl.=)

Я понимаю, что если его поставить в конце он должен съехать под блоки. Я не понимаю вот чего. Как я понял в любом случае будет так. Вы предлагаете сделать так: Красное - <section> Черное - это обычный див где будет лого и ссылки на вход и регистрацию. На сайте <header> вообще не будет. Зеленое - <nav> Желтое - <section> или див. Уже в нем лежит первое <ul>, которое большое. Розовое - тоже самое что и желтое только там лежит второе <ul>, которое поменьше. Короче я прочитал еще на css.ru, что лучше все же что бы было желтое - это 1 nav и розовое это другой nav, то есть 2 nav'a, в одном лежит большое меню в другом остаток правый.=) Тогда можно будет убрать зеленый блок совсем.

Спасибо большое, за все объяснения и за ваше терпение, но у меня последний вопрос возник.=) Так ведь то меню, которое как вы говорили должно быть размещено по правому краю это же тоже навигация, выходит оно должно быть вместе с этой навигацией, то бишь в одном большом диве.=) По любому получиться то же самое что и у меня, только на дивов будет еще немного меньше ну и более красивое и грамотное исполнение.=) Но все равно будет большой общий див в котором лежит 2 дива. В 1 левое меню, в одном правое.=)

Короче вот максимум чего я смог добиться. Тут много проблем, особенно невозможность контролировать расположения последнего списка, оно только кажется, что тсоит ровно на самом деле сверху меньше пикселей чем снизу, если его опустить, то будет опускаться не сам список а вся таблица и увеличивать высоту шапки, что очень плохо. P.S. Исправил эту проблему, но появилась новая на счет которой точно не знаю что делать. Если уменьшить количествопунктов в последнем меню, то весь список прыгнет вверх, а так не должно быть он должен быть в любом сслучае как на картинке, причем если в последнем списке не имеет значения сколько пунктов они должны быть выровненны по вертикали.=( http://codepen.io/anon/pen/hfAmq

Просто я не смогу так оформить список в списке как на рисунке, потому что еще мало знаю и эта конструкция для меня выглядит очень запутанной, тем более что 4 пункт имеет совсем другой стиль нежели 3 первые. Ну просто надо же 1 раз header где то вставить=) Вот сейчас кстати как только вы написали про список в списке, пробую так делать, чисто для интереса, ничего не выходит=D Хотя вот по тихоньку получается, только слишком ного классов приходиться использовать, я еще плохо знаю css и не могу писать такие комбинации как nav ul li ul {} =DDD ну или как правильно что бы классы не использовать=)

А где тогда будет <header>? Как я понял очень плохо делать блок nav'ом если в нем будут лежать другие дивы, нужно что бы в нем лежало непосредственно меню? Тогда это добавляет кучу проблем как по мне. Да я и бы хотел узнать как лучше сделать непосредственно в моем случае, не хотелось бы ложить список в список как вы предлагаете, так как я его пока не смогу так оформить, мало знаний еще, что бы так оперировать списком.=) Чувствую проще уже будет забить на эти навы и так далее и верстать по старинке.=)

Просто у меня в ссылке этого меню, которое вылезло вообще не показывало.=)

Я переделал у себя структуру и у меня получился первый вариант, вы как я понял предлагаете второй, который я тоже описал в рисунке. Других вариантов я вообще не вижу, потому что чисто физические не смогу тогда расположить Div в котором ссылки вход и регистрация находятся. Если я вынесу див с этими ссылками из зеленого блока, то невозможно будет сделать такую обтекаемость как в этом меню. А слушать все же лучше вас, так как у вас больше опыта=) Вот рисунок.

Вы бы лучше сделали скрин шот и обвели красным что не работает.

Спасибо большое, я еще решил дивов уменьшить и в итоге у меня получилось по коду что то типо такого: <div class="общий блок"> <header class="хэдер"> </div> <nav class="навигация"> </nav> </div> Единственное что плохо, так это то, что в хэдер попадают ссылки Вход | Регистрация, ну я думаю эт ничего страшного=) Спасибо большое вам за совет, эт значительно уменьшило количество дивов странице и я понял как лучше использовать нав.=)

Ну в данном случае в моем слабом английском=))

Здравствуйте, проблема заключается в том, что я не могу информацию по поводу того, как привязать свою готовую html страницу к CMS (Я стою перед выбором Joomla или WorldPress). Собственно интересует какая либо информация только по этой теме, будьте добры киньте пару ссылок. P.S. Гугл курил активно, ничего толкового нету.=( Спасибо за внимание.

Тоесть самый светлый блок делать nav? Или нужно постараться что бы был только светлый блок без внутренних? Вот мое меню в неупращенной версии, полное=DDD Я наверное переборщил с дивами, да?) Каждый квадратик это див=) в последних квадратиках (самых маленьких уже лежат теги ul иди a.

Здравствуйте я хотел бы поинтересоваться как в данной ситуации будет правильнее использовать тег <nav>. Вот что мы имеем: В самом темном диве идет список <ul> как видно из картинки в большом диве 3 маленьких, уже в них еще по 2 дива. В верхнем диве просто текст, это даже не ссылка. А вот в темном диве идут ссылки. Вот у меня и возник вопрос. Вместо большого дива сделать <nav>, или 3 дива которые в большом сделать <nav>, или только 3 самые темные дивы сделать <nav>.=D Подскажите как будет лучше.

Надо подумать над этим. А что по поводу кракозябл?

Апдейт 1. немного повозившись я утихомерил пыл сафари и хрома. Но в сафари по прежнему закарючки, менял каодировку без BOM не помогает, Осел7 по прежнему отображает страницу не ккоректно.=) Апдейт 2. немного пошалив еще я утихомирил и Осел 7. Но сафари по прежнему бодается, ни как не могу понять почему он пишет карякули. Гугл курил, ответа нету.=(

Здравствуйте, у меня возникли проблемы с маленькой резиновой шапкой, она очень плохо отображается в сфари, хроме 16 и немного плохо в ИЕ7. Много чего передпробывал и самое лучшее чего смог добить это вариант который я сейчас выложу, помогите кому не лень, где ошибка? Или просто скажите что я делаю не так, в каком месте... Вот сайт = http://logicface.narod2.ru/ Вот скрины проблемы: Текст неправильно скукоживается и залазит под нижний див. Тут вообще хорор какой то, никак не могу понять почему они все сьехали влево.=( Ну а тут вообще бред, проде я писал utf-8 а буквы тоже краказяблами.=( Спасибо большое за внимание!

Обычный bg-img это вся графика на заднем плане.

Вообще лучше в jpg не сохранять.

Закройте тему.