logicface

Ну потому что вы писали #menu li a:hover, то есть hover на тег <a>, который расположен в ul с id="menu" и которые расположены в ячейках <li>. А вы вроде хотели что бы была смена цвета у самой ячейки. Как я думаю, чисто визуально.=)

Было написано что это для роботов хорошо, мол левым элементам не надо прописывать alt, что бы как можно меньше захламлять контент.=)

Лучше пока что вместо id использовать class для всех элементов. Все картинки которые не относятся к контенту ( например кот в корзине ) не должны быть картинками, а должны быть bg-img. Там где у вас написано - Регистрация/вход, корзина, поле для заполнения логина там, какие то непонятные ссылки что то делают. К ссылкам <a> лучше добавлять атрибут :hover. Неправильно сделано меню там где контакты, доставка и так далее, оно должно быть сделано с помощью списка <ul>. Вообще я бы посоветовал, так как я сам новичек, попробывать сделать этот же сайт вам, но не использовать ни 1 тега <p>. Вы его используете везде где только надо и где нет.=) В html документе лучше не задавать значений картинкам (height, width) для это есть css. Можно использовать style="Имя" для всех картинок с одинаковыми параметрами. По расположению дивов ничем подссказать не могу, так как сам еще в процессе обучения и не могу ясно видеть картину.=DDDD

Короче, я сделал что то похожее и вроде бы оно даже работает, но я думаю, что так не правильно.=D Вот - страх и ненависть в CssDesk: http://cssdesk.com/pMzBb

Поспешил)

В Хроме все нормально.

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

Я не говорю что я их отключаю, просто в книге которую я читаю говорится, что хорошо, когда сайт выглядит правильно и у него понятен интерфес даже с отключенными картинками.=)

Я сам новичок и на счет отступов я пока что делаю так же как и вы, методом подбора, по этому этот вопрос тоже очень интересен, особенно как происходит маргин и паддинг с верху ко дну текста или к крыше текста.=D На счет насыщенности текста таже ситуация либо нормал либо болд, остальное не воспринимается. На счет Line-height, я когда делаю макет в фотошопе прописываю его шрифту, так как мне надо и потом просто делаю тоже самое в css, все работает. На счет шаблона, как я читал лучше, что бы все элементы интерфейса не были картинками, которые можно копировать, у вас же звездочка, газета, тетка с ноутом, поиск по стране, будильник заданы как img и не имеют alt описания. Так же кнопки Get started, more sarvice сделаны не правильно, они тоже не относятся к контенту по этому не должны быть изображениями, текст внутри них должен быть текстом, так как если отключить картинки то вместо них будет пустота, не правильно сделано лого, его можно легко сделать текстом а не картинкой, при отключении картинок там пустота. Не правильно сделано верхнее меню, при отключении стилей белый текст сливаеться с фоном, дайте меню bg-color или зйдайте для body bg-color красного цвета. У тетки с ноутом нету паддинга или маргина слева, если заменить ее на черный квадрат она наплывает на текст. Вместо id лучше использовать class у многих элеменов. + Еще 8 ошибок в валидаторе. Валидатор

Надо было прописывать a.first:hover если у вас <a class="first"> Про first-child надо запомнить=)

Если я о том подумал, то сделай картинку шириной в 1 пиксель и высотой сколько надо из градиента и задай его как bg-img для пунктов меню и все

С проблемой я разобрался, может кто столкнется с такой. Меню было вложено в див который не имел обтекания внутри родительского дива, по этому как я понял меню не было привязано к нему и при выделении выделяло весь контент. Помогло дать диву в котором было меню параметры float:left; и display:block;. Спасибо wwt за то, что дал верный путь для раздумий=)

Эх не нашел я все же чего оно так делает, ну и ладно фиг с ним, думаю по пути разберусь, спасибо за помощь.)

Ну вроде как если ты хочешь что бы одно и тоже меню было на главной странице сайта и например на странице "Контакты", то нужно полностью копировать код меню на страницу контакты, если конечно ты хочешь что бы оно выглядело абсолютно так же. Так же надо будет изменять ссылки если страница контакты лежит не в той же папке что и index.

Спасибо большое, вы очень помогли, и в правду в других браузерах все нормально. Но все же интересно почему синее выделение выходит за границу моего основного дива, то есть выделяется место где просто фон. Например на этом сайте как не выделяй любые части контента выделение не выходит за границы дивов: http://danieldefo.ru/

Пробовал вкладывать ссылки-кнопки в другой див так же как и списки <ul>, а уже этот див располагать на странице, результат все равно один и тот же.=(

Дать этой кнопке другой класс, ховер применять не ко всей таблице а к каждому li отделбно. Это так чисто предположение.=D

Проблема заключается в том, что если жать мышку (ну как будто хочешь выделить текст) в месте нижнего меню или справа от кнопки контакты и потянуть верх, то начнут выделяться пустые куски местности, даже тем где никакого текста нету. Я сначала думал, что это из-за того, что у меня не все дивы имеют display:block. Но он ничего не меняет, просматривал как сделан сайт "фрилансим" с которого я делал себе макет для тренировки, но так ничего путного я и не понял. Пожалуйста подскажите в чем ошибка, что я делаю не так? Вот макет сайта, он очень маленький: http://logicface.narod2.ru/ Вот скрин беды: (Нажмите для увеличения)

А если поместить красный и зеленый блок в другой блок с параметром overflow:hidden который будет растягиваться в зависимости от содержимого красного и зеленого блока, тогда ведь можно будет задать зеленому блоку height:100%?

Спасибо большое, вы очень помогли!

Спасибо большое, хоть валидатор и сказал что ошибок нету, но я думаю, что так делать не правильно. Да и мало того, что придется в свойствах тега <a> убирать нижнее подчеркивание, так еще и изменения цвета текста при наведении и нажатии, короче геморой.=) Собственно подскажите как правильно сделать такую кнопку? Вот немного помучал кнопку и получилось вот так: html <div class="button_uznai1"> <a href="" class="button_uznai1_text">Узнай больше!</a> </div> css div.button_uznai1 { width:172px; height:41px; background-image:url(uznai2.gif); margin-left:50px; margin-top:30px; display:block; } div.button_uznai1:hover { background-position:0 -41px; } a.button_uznai1_text { color:#41423c; text-decoration:none; display:block; position:relative; font-size:16px; font-family:"Arial Black", Gadget, sans-serif; padding-top:7px; padding-bottom:11px; } Отступами задал зону ссылки, что бы она полностью покрывала кнопку. Так думаете будет правильно?

Здравствуйте еще раз.=) Столкнулся с такой проблемой как кнопка - ссылка Div. Вот код: <a href="#"> <div class="button_uznai1"> <p class="button_uznai1_text">Узнай больше!</p> </div> </a> Вот файл css для этого дела: div.button_uznai1 { width:172px; height:41px; background-image:url(uznai2.gif); margin-left:50px; margin-top:30px; display:block; } div.button_uznai1:hover { background-position:0 -41px; } p.button_uznai1_text { font-size:16px; font-family:"Arial Black", Gadget, sans-serif; padding-top:7px; } Вот так кнопка выглядит в браузере: (Нажмите для увеличения) Проблема в том, что мне надо сделать так, что бы див был ссылкой а не текст внутри дива, но текст внутри дива почему то наследует параметры от тега <a>. Подскажите пожалуйста как правильно сделать такую кнопку?

Спасибо вам большое, вы очень помогли мне разобраться в моей проблеме!

Спасибо большое, а как тогда лучше сделать лого, телефон и заголовки? С помощью <p> с разными id?

Спасибо большое за совет.