Jawesome

Задача: Гипотетическому верстальщику нужно сделать меню многостраничного сайта. Чтобы header (и, возможно, footer) были на каждой странице сайта. Варианты решения: 1) Дублировать код на каждую страницу, что есть онанизм и увеличение размера файла. 2) Решить задачу с помощью фреймов.(усложним работу поисковым машинам.) 3) Прописать каким-то образом через JavaScript. 4) Другое. Вопрос: Каким образом можно сделать элемент одной страницы общим для всех страниц сайта, не в ущерб производительности?

Сейчас стоит IE9. При уменьшении экрана, последняя ссылка "контакты" уезжает вниз, остальное стоит на месте как надо. Такой вариант тоже работает. Для IE6 есть такой прекрасный сайт http://enoughie6.com/

Я против IE6. Для меня такого браузера нет. Кто на нем сидит по своей воле, должен прекратить пользоваться интернетом. Google вообще уже от windows отказывается, а динозавры все на IE6 сидят.

Что-то не пашет. А это CSS разве?

display:inline-block; стоит, но он не для этого. min-width Вроде пошло. только эксплорер не до конца понимает, но, думаю, ему можно ширину побольше задать хаком. Спасибо, mishka2.

При нестандартном разрешении(640x480) вся картина опять слетает. Неужели зафиксировать намертво меню, чтобы появлялась горизонтальная полоса прокрутки, можно только через JS?

Вроде сам разобрался. Наткнулся в гугле на rar архив "41 меню" и разобрал пару вариантов по косточкам. аська 196654476 думаю, она еще может пригодится

Два вопроса! Один вопрос! 1. Что вызывает такой большой отступ с левой стороны? Ответ: ul {padding-left: 0px} 2. Как зафиксировать навигацию, чтобы при уменьшении окна браузера она не съезжала? Ответ: min-width HTML <nav> <div class="parent"> <ul> <li><a href="#">Главная</a></li> <li>|</li> <li><a href="#">Творчество</a></li> <li>|</li> <li><a href="#">Фото</a></li> <li>|</li> <li><a href="#">Блог</a></li> <li>|</li> <li><a href="#">Вопрос автору</a></li> <li>|</li> <li><a href="#">Контакты</a></li> </ul> </div> </nav> CSS .parent{ text-align:center; } nav ul{ display:inline-block; //display:block;/*IE 6-8*/ list-style:none; background-color: black; } nav li{ float:left; font-size:20px; font-weight:bold; margin:10px; } li a{ color:white; text-decoration:none; } li a:hover{ color:red; }

Спасибо. Еще б чуть-чуть и сломал бы google.

Задача: 1. Расположить в шапке сайта изображение и выравнять его по центру страницы. 2. Сделать отступ изображения от верхней границы окна браузера. Например, на 10px. Первый пункт сделал путем: CSS .img{ text-align: center; margin:0 auto; } Теперь не знаю как сделать отступ, так как margin-top уже не работает. Подскажите, пожалуйста, как правильно сделать.