ablay2009

Input во всех браузерах выглядит по разному, попробуйте вместо него использовать button для кнопки

Лучше не использовать. К тому же без них прекрасно можно обойтись. Не понимаю почему все так не любят id, я использую их для основных элементов на странице. Тем более блок .header смотрится не очень - его же у нас второй раз не будет. P.S. Если я все-таки не прав, дайте ссылку на статью, в которой написано почему надо использовать только классы.

Хоть и не новичек, но плсмотреть было интересно, первые несколько уроков вполне обрадовади, а дальше смотреть лень. А вот про 30 Days to Learn jQuery интересно, будем смотреть.

Сафари обычно сам переделывает все списки, инпуты и т. д. Хотя странно, что он переделал только несколько, т. к. у меня на iPad все списки одиноковые(в стиле сафари). Значит для первых списков задано другое оформление.

Вы хотите сказать, что меню и "Наши партнеры" - это табличные данные? Верстайте на дивах, тем более здесь у вас нет мотивов верстать на таблицах.

Я вот не понимаю зачем оборачивать внутренности формы дивом, потом еще оборачивать дивами каждый из инпутов по отдельности? Можно же просто оформить сами инпуты - так будет гораздо проще, чище, и надежнее. P.S. У блока under_footer лучше убрать float и написать clear:both и еще поставить перед ним див с clear:both P.P.S. Форму регистрации лучше поднять, этак, на тысячу пикселей повыше P.P.P.S. Вместо value="vasya@mail.ru", лучше написать placeholder="vasya@mail.ru" (если конечно доктайп позволяет) UPD: Извините, что так много постскриптумов, просто душа не выдержала

Вам они вполне подойдут, 2009 - это не девяностые, боятся нечего . А все новые учебники в основном нацелены на знающую аудиторию. Мой субъективный совет: учитесь сами - так лучше, пусть дольше, но лучше. Сам учился прочитав пару статей на каком-то из тысяч сайтов на этой тематики (даже не на htmlbook), а потом просто начал "верстать" первую страничку, затем вторую третью... Когда понимаешь все сам, то начинаешь понимать, как все это легко понять

У меня все нормально с футером:

#footer{overflow:hidden} не пробовали? UPD:ссылка не пашет не могу точно ответить

Копипастить код сюда не буду, решение здесь.

Display:none; вообще тут не причем он скрывает элемент из документа

Здравствуйте, DataLife Engine (DLE) - это движок для сайта. Он нужен для того, чтобы каждый раз не изобретать велосипед, т.е. не будете же вы лезть в код, если вам всего лишь надо опубликовать пару новостных строчек. Движки предоставляют мощный и удобный интерфейс для написания статей. Но они имеют смысл только для постоянно обновляющихся сайтов (блоги, новостные сайты, форумы и т. д. ) А про англоязычные ресурсы, для начинающих я знаю только видео уроки на английском http://www.teamtreehouse.com/ сей ресурс рекомендует Крис Коиер. Первые несколько уроков там бесплатные, а потом нужно покупать аккаунт. У них есть два тарифа один за 25$ в месяц, другой за 49$ в месяц. Бесплатных на английском я, извините, не знаю ;( Еще есть сайт http://net.tutsplus.com/ там есть уроки для начинающих.

Ну вообще оно так и есть, селектор1 + селектор 2 означает, что мы выбираем соседний

display:none вообще скрывает же. А по сабжу да придется по очереди отменять

Задавать стили можно не только элементам с классами, вы можете написать также, как в сообщении выше

Ну почему же сразу JS, есть такая замечательная вещь, как медиа запросы. Все нужные вам стили вы оборачиваете в такую конструкцию: @media screen and (max-width:600px){ Здесь ваши стили } Заместо 600px указываете свои значения

Здравствуйте, первое, что бросилось в глаза - это одинаковая ширина колонок. Сколько я не читал так и не понял где контент, а где сайдбар (эстонский...) В любом случае одинаковая ширина - это некрасиво.

<p class="video"> <object width="470" height="353" align="center"> <param name="movie" value="http://video.rutube.ru/ada40479df5d9fb269932f895c8e392e"> <param name="wmode" value="window"> <param name="allowFullScreen" value="true"> <embed src="http://video.rutube.ru/ada40479df5d9fb269932f895c8e392e" type="application/x-shockwave-flash" wmode="window" allowfullscreen="true" width="470" height="353"> </object> CSS код тоже не помешал бы. Вы крамку фоном параграфу задавали? Или объекту? Или вообще картинкой?

А видео как разместили? С ютьюба взяли или тегом <video>?

Чтобы ссылка была под рамкой с тенью достаточно создать новую ячейку под картинкой. А надпись у вас обводится потому что вы применяете рамку ко всем ссылкам в блоке, а надо только к той, в которой есть картинка, можно просто задать класс ссылке с картинкой и для него сделать рамку.

Есть даже адаптивные фреймворки http://foundation.zurb.com/, здесь еще много таких - http://speckyboy.com/2011/11/17/15-responsive-css-frameworks-worth-considering/

А вам это нужно для того, чтобы футер всегда внизу был?

Здравствуйте! Из фреймворков я использовал 960gs, Blueprint и YAML. Больше всего мне понравился 960gs, т.к. он не навязывает своих стилей (как это делает bootstrap, к примеру)Но если честно, то лучше всё-таки вручную написать - под фреймворки еще подстраиваться нужно. Нет, безусловно они полезны если дизайнер тоже использовал сетку, но писать под них специально - не лучшая затея.

И вообще вашу страницу можно было так переделать:

Зачем писать так: <DIV style='text-align: center;'> <a class=ind href='/CH955-67119.html'>CH955-67119</a><br> <a class=ind href='/XD524EA.html'>XD524EA</a><br> <a class=ind href='/XD563EA.html'>XD563EA</a><br> <a class=ind href='/Q6506-69010.html'>Q6506-69010</a><br> <a class=ind href='/WT148EA.html'>WT148EA</a><br> <a class=ind href='/CSCXACE-4710-K9.html'>CSCXACE-4710-K9</a><br> <a class=ind href='/619824-001.html'>619824-001</a><br> <a class=ind href='/600658-001.html'>600658-001</a><br> <a class=ind href='/RM1-2079-000CN.html'>RM1-2079-000CN</a><br> <a class=ind href='/B2110-AA.html'>B2110-AA</a><br> <a class=ind href='/BN20P-4E.html'>BN20P-4E</a><br> <a class=ind href='/DS-BA356-MC.html'>DS-BA356-MC</a><br> <a class=ind href='/BN25H-03.html'>BN25H-03</a><br> <a class=ind href='/DS-BA356-PD.html'>DS-BA356-PD</a><br> <a class=ind href='/BC22Q-09.html'>BC22Q-09</a><br> <a class=ind href='/TLZ06-AA.html'>TLZ06-AA</a><br> <a class=ind href='/E2045-AA.html'>E2045-AA</a><br> <a class=ind href='/MS7AA-FA.html'>MS7AA-FA</a><br> <a class=ind href='/KN7CG-AB.html'>KN7CG-AB</a><br> <a class=ind href='/DWZZB-AA.html'>DWZZB-AA</a><br> <a class=ind href='/TLZ07-BA.html'>TLZ07-BA</a><br> <a class=ind href='/L2725-60002.html'>L2725-60002</a><br> <a class=ind href='/446444-001.html'>446444-001</a><br> <a class=ind href='/29-28543-03.html'>29-28543-03</a><br> <a class=ind href='/FE-07190-01.html'>FE-07190-01</a><br> <a class=ind href='/FE-08943-01.html'>FE-08943-01</a><br> <a class=ind href='/FE-15512-01.html'>FE-15512-01</a><br> <a class=ind href='/FE-12148-01.html'>FE-12148-01</a><br> <a class=ind href='/FE-12949-01.html'>FE-12949-01</a><br> <a class=ind href='/FE-ZZZIL-01.html'>FE-ZZZIL-01</a><br> </DIV> Если можно написать так: <div class='ind' > <a href='/CH955-67119.html'>CH955-67119</a><br> <a href='/XD524EA.html'>XD524EA</a><br> <a href='/XD563EA.html'>XD563EA</a><br> <a href='/Q6506-69010.html'>Q6506-69010</a><br> <a href='/WT148EA.html'>WT148EA</a><br> <a href='/CSCXACE-4710-K9.html'>CSCXACE-4710-K9</a><br> <a href='/619824-001.html'>619824-001</a><br> <a href='/600658-001.html'>600658-001</a><br> <a href='/RM1-2079-000CN.html'>RM1-2079-000CN</a><br> <a href='/B2110-AA.html'>B2110-AA</a><br> <a href='/BN20P-4E.html'>BN20P-4E</a><br> <a href='/DS-BA356-MC.html'>DS-BA356-MC</a><br> <a href='/BN25H-03.html'>BN25H-03</a><br> <a href='/DS-BA356-PD.html'>DS-BA356-PD</a><br> <a href='/BC22Q-09.html'>BC22Q-09</a><br> <a href='/TLZ06-AA.html'>TLZ06-AA</a><br> <a href='/E2045-AA.html'>E2045-AA</a><br> <a href='/MS7AA-FA.html'>MS7AA-FA</a><br> <a href='/KN7CG-AB.html'>KN7CG-AB</a><br> <a href='/DWZZB-AA.html'>DWZZB-AA</a><br> <a href='/TLZ07-BA.html'>TLZ07-BA</a><br> <a href='/L2725-60002.html'>L2725-60002</a><br> <a href='/446444-001.html'>446444-001</a><br> <a href='/29-28543-03.html'>29-28543-03</a><br> <a href='/FE-07190-01.html'>FE-07190-01</a><br> <a href='/FE-08943-01.html'>FE-08943-01</a><br> <a href='/FE-15512-01.html'>FE-15512-01</a><br> <a href='/FE-12148-01.html'>FE-12148-01</a><br> <a href='/FE-12949-01.html'>FE-12949-01</a><br> <a href='/FE-ZZZIL-01.html'>FE-ZZZIL-01</a><br> </div> И такие стили добавить в style.css: .ind{text-align: center;} .ind a:hover{color:#000000; background-color: #BEBEBE} Так намного экономичнее, и красивее, и удобнее, и поддерживать легче, и по правилам хорошего тона. И почему у вас файл style.css лежит в папке img? Но это уже придирки.