Вопросы к опытным

Kerny · July 25, 2011

Привет все. Решил занять версткой. Нарисовал в Photoshop простой дизайн. И начал верстать. Вы не подумайте, я не собираюсь вам надоедать. Просто хочу спросить по поводу корректности уже законченной верстки, потому что я там очень жестко намутил. Мне кажется, что нормальные люди так не верстают.

Посмотреть макет можно тут. А скачать полный архив с версткой и psd файлом здесь.

Направьте на путь истинный. Например если использовать табличную верстку, то там более менее понятно, т.е визуально разбиваешь страницу на блоки и т.п. А в верстке слоями(блоками, дивами) как разбивать? создавать div'ы с размерами? Жду совета.

DrStrangeLove · July 25, 2011

Не знаю, что ты там намутил, но когда открываю Google Developer Tools, верхушка твоего макета мистически исчезает..

(включая меню). Я тут не самый опытный, но по-моему ноги ростут от слоя general..

MC WEST · July 25, 2011

Здравствуйте!

Мои замечания по верстке:

1. Картинки для меню, вырезаны в фотошопе не совсем аккуратно, при наведении виднеются "обрубки" изображения.

2. Теги link и title должны находится в разделе head, а не body.

3. Картинку general.png, надо было задать как фон для #general, а не как обычную картинку вставлять.

4. Короче, ошибок очень много. Я бы Вам советовал для начала в голове продумать приблизительную структуру сайта, а потом уже верстать с умом.

При верстке дивами также разбивай визуально сайт на основные блоки, основные блоки на еще более меньшие. При верстке дивами, нужно сильнее продумывать структуру сайта, чем при табличной.

Пробуйте, исправляйте. Надеюсь у Вас все получится

Не знаю, что ты там намутил, но когда открываю Google Developer Tools, верхушка твоего макета мистически исчезает..(включая меню). Я тут не самый опытный, но по-моему ноги ростут от слоя general..

Это происходит из-за абсолютного позиционирования от body.

Kerny · July 25, 2011

спасибо, буду пробовать)))

Хотелось бы узнать на сколько правильно использование таких конструкций (выделил жирным):

#content{
font-size:20px;
color:#4e89a7;
width:450px;
position:absolute;
bottom: -30px;
left:20px;
padding:20px;
}
#buttom .home{
position:absolute;
bottom:520px;
left:170px;

}

Мне кажется это не корректным

Edited July 25, 2011 by Kerny

DrStrangeLove · July 25, 2011

А вообще title помещённый в body это жесть.. (даже для неопытного)

про отсутствие закрывающего тэга для html, я вообще молчу..

ровно как и про link подключение css в body.

Int · July 26, 2011

http://validator.w3.org/check?ss=1&verbose=1&uri=http%3A//imagination.megabyet.net/makeup/makeup-school/

Начни с исправления этих ошибок.

Потом вот.

И вот

Great Rash · July 26, 2011


<body>
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <title>Школьный сайт</title>
  <div id="general">
    ...
  </div>
</body>

Дальше можно даже не смотреть

Kerny · July 26, 2011

http://validator.w3.org/check?ss=1&verbose=1&uri=http%3A//imagination.megabyet.net/makeup/makeup-school/Начни с исправления этих ошибок.

<body>  <link rel="stylesheet" type="text/css" href="css/style.css">  <title>Школьный сайт</title>  <div id="general">    ...  </div></body>

Дальше можно даже не смотреть

Исправил просто на html я особо не смотрел, меня больше css интересовало.

Потом вот.И вот

А как мне это поправить? Я так понял это от разрешения зависит. Наверное, что-то с абсолютным позиционированием? И еще Int я смотрю у вас шрифты не подключились, от этого наверное тоже смещается, т.к размер шрифта другой и т.п. У вас какая ОС? Это по ходу из-за нее.

Edited July 26, 2011 by Kerny

Justnewone · July 27, 2011

Для чего вся эта чехорда с горизонтальными маргинами у нерекурсивного дива в боди? Уверен, лучше сделать маргин: ноль ауто а внутри уже позиционировать по высоте в середину другим дивом. Мне лично вообще более по душе следующий подход: сначала сделать блок самодостаточным, чтобы ничего из него не вываливалось и не вылазило, а потом уже позиционировать этот блок куда надо. Тут же чета странное, стоит убрать позиционирование с этого блока - из него сразу вылазит текст.

Int конечно виноват, что у него шрифты не цепанулись Так пользователям и будете говорить "а у вас система гавно и нужного шрифта нет, сами виноваты". Есть конструкции с портированием своего шрифта, гуглите "фонтфамили кроссбраузерно"

Sign In

Вопросы к опытным

Recommended Posts

Kerny

Link to comment

Share on other sites

DrStrangeLove

Link to comment

Share on other sites

MC WEST

Link to comment

Share on other sites

Kerny

Link to comment

Share on other sites

DrStrangeLove

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Kerny

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information