sammasati

Да все ОК с паддингом. 3 значения допустимы. param, Выложите макет сюда - http://jsfiddle.net

По-моему, все хорошо. Не нашел каких-то ошибок. Единственное замечание - стоило задать max-width контейнеру, чтобы страница растягивалась не на всю ширину(при этом фон все-равно должен быть на всю ширину). На моем разрешении 1600х900 страница не очень хорошо смотрится из-за растянутости. Да, и макет слишком простой. Если вы уже знаете, что такое кроссбраузерность, то не стоит тратить время на такие макеты. Ищите интересные, сложные и непонятные Вам макеты. Только верстая их, Вы сможете научиться новому.

http://htmlbook.ru/samcss/dochernie-selektory

Если на CSS и по наведению, то так: <ul> <li>pewpew <ul> <li>block</li> </ul> </li> </ul> li>ul { display: none; } li:hover>ul { display: block; }

Я вот так делаю: li+li { border-left: 1px solid black; }

Единственное, что приходит в голову: http://jsfiddle.net/Hb9zF/

Так у Вас в примере тоже ко всей надписи тень добавляется

С помощью text-shadow вот как-то так: http://jsfiddle.net/afRr4/ Полезное чтиво: http://htmlbook.ru/css/text-shadow

http://htmlbook.ru/css/background-attachment

Во втором сайте в коде какой-то мусор перед доктайпом.

У Вас на странице нету доктайпа Поэтому ie переходит в режим совместимости и не правильно отображает страницу. Доктайп - http://htmlbook.ru/html/!doctype

Бесплатный хостинг на http://www.000webhost.com/ К нему прикручен домен второго уровня. Используется для портфолио и хранения/передачи файлов. Меня все устраивает, никаких проблем пока не возникало.

Добавить блоку #content свойство overflow: hidden. И все встанет на свои места. Нуу...почти Почитайте про блочную верстку здесь - http://htmlbook.ru/samlayout/blochnaya-verstka Особое внимание уделите разделу "Плавающие элементы".

Стиль мы править не можем, так что придется Вам самому. В файле template.css: #menublock #submenu .homelink { height: 27px; left: 15px; position: relative; width: 27px; <— ширина кнопки. ставим 30px } Но это только для кнопки Домой. Остальные вроде не обрезаются.

Присоединяюсь. C Новым Годом!

Можно ведь задать длину и высоту li равные размеру фона.

Убрать флоты у dl, dt, dd. Добавить dd, dt { display:inline; } и dl { text-align: center; }

А вы пробовали подключать Embedded OpenType файлы для IE? Ну я использую шрифты, сгенерированные в http://www.fontsquirrel.com/fontface/generator Там есть и eot. Все работает отлично.

clear: both; Добавить в стили футеру.

Нет. Несмотря на display: block в ссылку все-равно нельзя помещать блоки.

По-моему так сделать нельзя. Ведь мы настраиваем не сами шрифты, а только настройки шрифтов для селекторов. Да и если шрифт не загрузиться, думаю это не очень сильно исказит страницу. Хотя, тут от шрифтов зависит. Единственная проблема, которая у меня была с шрифтами - это то, что в ie9 не работает подключение удаленных шрифтов (например с google web fonts). Приходилось качать их и подключать локально.

Можно сделать ссылку блоком и делать с ней то же самое, что с дивом.

Убрать align="middle" Вообще, если размер этой картинки равен размеру точки, нарисованной на ней, то она по-умолчанию должна показываться в левом верхнем углу (родительского элемента). Стилями можно подвинуть так: li>a>img { position: relative; top: 0px; /* отступ сверху */ } Но, по-моему, удобнее делать такие картинки через стили: ul.menu>li>a { padding-left: 10px; /*Отступ слева у ссылки, чтобы было место для картинки*/ background: url(../../images/point.png) left center no-repeat; /*загрузка картинки, путь относительно файла со стилями, left center - положение картинки, можно задавать пикселями */ } С Наступающим!

В такой разметке только такой вариант в голову приходит #menu { padding-left: 30%; }

Назначить width меню и "margin: 0 auto". Кстати, так делать нельзя: <a href="#" class="tooltip" ><div id="home"></div> <span>Главная страница</span></a> Блоки внутри строк размещать нельзя. Лучше назначить ссылке "display: block", а див убрать. Да и вообще, меню удобней делать через списки. И с точки зрения семантики это правильнее, по-моему.