pismenny
-
Posts
52 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by pismenny
-
-
А я убрал все классы и у меня всё работает. Что я сделал не так?
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ми браузерах всё нормально отображается. И на других компах тоже...
background: #080808;
height: 160px;Вот весь код, у родителей ширина тоже не задана, соот. на весь экран.
Хоть во всех версиях этих 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. Нужно поправить фон в "шапке" и "подвале".
4.
<h1>Business <span> Internet Studio</span></h1>
Это тоже неправильно.
Отступы нужно задавать в css - padding: 0 0 0 5px;. Вместо переноса строки <br> - display: block;
5. По сетке тоже есть вопросы.
6. О-о-очень желательно добавить a:hover.
7. Социокнопки лучше делать спрайтом.
8. Пора бы уже переходить на HTML5 - <header>, <nav>, <section>, <article>, <aside>, <footer> и т.д.
Рекомендую для начала: Избегаем популярных ошибок в HTML5 и htmlbook.ru/html5.
Но я бегло смотрел код, увидел только то, что сразу бросилось в глаза.
Думаю, есть ещё какие-то нюансы.
-
http://i.imgur.com/RW5wz.png иерархию надо соблюдать.
А как можно посмотреть такую иерархию сайта?
Сайт отображается в разных браузерах по разному
in HTML Coding
Posted
Как можно разобраться в том, что нужно полностью переделывать?
Ваш сайт сделан полностью неправильно, от начала и до конца. По-о-олностью, понимаете? И понты тут ни при чём.
Вы хотите, ничего не понимая в вёрстке и дизайне, взять и сделать.
Чисто наш, традиционный, подход.
С таким же успехом можно было взять большую картинку и выложить её вместо сайта. Кроссбраузерность будет гарантирована.
А ещё лучше просто в ворде всё набрать, а на сайте указать ссылку. Только сохранять в .doc, а не .docx, чтобы можно было открыть.
Короче, это всё стёб, но он отображает уровень вашего сайта. Поэтому есть три варианта:
1) выучить html+css (уделив внимание именно блочной вёрстке) и сделать всё заново;
2) установить CMS и просто заполнить странички вашим текстом;
3) заплатить деньги специалисту.
Если вам нужно посоветовать учебные материалы - спрашивайте.
Если вам нужно посоветовать CMS - спрашивайте.
Нужно чтобы вам сделали сайт - тоже не проблема.
P.S.
И не нужно после этого говорить, что никто Одекватных ответов не даёт.