pismenny

Зачем сразу минусовать? Ну, не разобрался человек, с кем не бывает. Может он до этого неделю в гугле искал, как сделать поиск используя css и html, а гугль-то реально не знает

Как можно разобраться в том, что нужно полностью переделывать? Ваш сайт сделан полностью неправильно, от начала и до конца. По-о-олностью, понимаете? И понты тут ни при чём. Вы хотите, ничего не понимая в вёрстке и дизайне, взять и сделать. Чисто наш, традиционный, подход. С таким же успехом можно было взять большую картинку и выложить её вместо сайта. Кроссбраузерность будет гарантирована. А ещё лучше просто в ворде всё набрать, а на сайте указать ссылку. Только сохранять в .doc, а не .docx, чтобы можно было открыть. Короче, это всё стёб, но он отображает уровень вашего сайта. Поэтому есть три варианта: 1) выучить html+css (уделив внимание именно блочной вёрстке) и сделать всё заново; 2) установить CMS и просто заполнить странички вашим текстом; 3) заплатить деньги специалисту. Если вам нужно посоветовать учебные материалы - спрашивайте. Если вам нужно посоветовать CMS - спрашивайте. Нужно чтобы вам сделали сайт - тоже не проблема. P.S. И не нужно после этого говорить, что никто Одекватных ответов не даёт.

А я убрал все классы и у меня всё работает. Что я сделал не так? pismenny.com.ua/forum/pseudo-classes/ Вот HTML: <div class="top-menu"> <nav> <ul> <li><a href="#">menu 1</a></li> <li><a href="#">menu 2</a></li> <li><a href="#">menu 3</a></li> <li><a href="#">menu 4</a></li> <li><a href="#">menu 5</a></li> </ul> </nav> <div><a href="#">Menu</a></div> </div>

Всем этого хочется. Но не нужно флудить. 13 сообщений и -4 репутации - не есть гуд.

Я бы посоветовал найти в сети нормальный PSD-макет и сверстать его. Сайт, который вы попытались сделать совсем немного устарел. Также я тут на форуме уже не раз советовал курсы и тематические сайты, но мне уже лень писать снова, поищите мои сообщения. И, как минимум, указывайте нормально кодировку <meta charset="utf-8">, то что вы написали не катит. <meta utf-8"="" content="text/html; charset=" http-equiv="Content-Type">

Для полного счастья, я рекомендую найти в интернете два курса от "Специалиста" по HTML и CSS. Курсы, которые выложены в сети, ведёт очень хороший преподаватель - Евгений Петров. Они, конечно, немного устарели из-за того, что уже активно используется HTML5,а там HTML 4.01, но это не существенно. Основу Евгений Петров даёт очень хорошую. Плюс во втором курсе затрагиваются такие вопросы, как: основы юзабилити, использование Fireworks и т.д. И в конце второго курса они верстают макет сайта, наглядно можно видеть весь процесс. Потому что, на самом деле, ошибки хотя и поправимы, но они есть и их много. А для того чтобы поправить эти ошибки, нужно структурировать свои знания и понять основы "дзен-вёрстки". P.S. Конечно я бы мог описать все ваши недочёты, но это будет слишком обширная работа, а времени и сил жалко. Если глобально: - Задавать такую сплошную картинку в "шапке" неправильно, да и вообще "шапка" неправильная - телефон изменился или почта изменилась, и что делать? Хочешь отправить почту, а ссылки-то нет, нужно вручную всё набирать. - Формы входа/регистрации тоже так не нужно делать, для этого есть специальные теги. - Меню и подложку так не нужно делать, меню желательно запихнуть в <ul>, а не в отдельные параграфы. - Вот так тоже делать бессмысленно. HTML: <div id="footer"> © Copyright © www.toy-prezent.ru - <a class="tag" href="http://www.toy-prezent.ru">Букеты из мягких игрушек</a> тел.8 (495) 760 03 08 </div> CSS: A.tag { color: #FFFFFF; } Вместо этого лучше сделать так: HTML: <div id="footer"> © Copyright © www.toy-prezent.ru - <a href="http://www.toy-prezent.ru">Букеты из мягких игрушек</a> тел.8 (495) 760 03 08 </div> CSS: #footer a { color: #FFFFFF; } И добавить - text-decoration: underline; Хотя я не совсем понял зачем вообще там ссылка. Поэтому ищите в интернете курсы, о которых я упомянул выше, читайте больше хороший статей (например на htmlbook, habrahabr, web-standards), а потом приходите сюда снова, только уже с переосмысленными взглядами на вёрстку.

Хоть во всех версиях этих 7ми браузеров. Не в этом дело. Нужно уменьшить окно бразуера до появления горизонтального скролла и, прокрутив скролл вправо, посмотреть на фон. Я строил направляющие по логотипу, а уже потом по слайдеру, они совпали, а вот карусель и футер нет. При этом, left-post тоже совпал. Поэтому это точно недочёт.

Мне кажется, "чек-лист" будет очень полезен. А он должен быть очень подробный, т.к. многие ещё даже не приучились писать <!DOCTYPE html>.

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Это артефакты. Уже можно смело писать <!DOCTYPE html> <html> <meta charset="utf-8"> 2. <div id="slider-shadow"></div> Совсем не комильфо. Лучше сделать один novi-slider-bg.png. 3. Нужно поправить фон в "шапке" и "подвале". bis.png bis2.png 4. <h1>Business <span> Internet Studio</span></h1> Это тоже неправильно. Отступы нужно задавать в css - padding: 0 0 0 5px;. Вместо переноса строки <br> - display: block; 5. По сетке тоже есть вопросы. bis3.png bis4.png 6. О-о-очень желательно добавить a:hover. 7. Социокнопки лучше делать спрайтом. 8. Пора бы уже переходить на HTML5 - <header>, <nav>, <section>, <article>, <aside>, <footer> и т.д. Рекомендую для начала: Избегаем популярных ошибок в HTML5 и htmlbook.ru/html5. Но я бегло смотрел код, увидел только то, что сразу бросилось в глаза. Думаю, есть ещё какие-то нюансы.

А как можно посмотреть такую иерархию сайта?