Проверьте ход мысле, пожалуйста.

[prowoke]

Т.е. верстаю я редко, то до сих пор не научился. Вот проверьте меня, пожалуйста, правильно ли я начала верстать сайт, особенно верстка меню меня интересует.

Вот ссылка:

http://deluxe-okna.ru/

Там css такой:

.about {
	font-size: 15px;
	color: white;
	margin: -30px 0 0 35px;
}
.about a {
	text-decoration: none;
	color: white;
}
.galery {
	font-size: 15px;
	margin: -19px 0 0 180px;
}
.galery a {
	text-decoration: none;
	font-size: 15px;
	color: white;
}
.production {
	font-size: 15px;
	font-size: 15px;
	margin: -18px 0 0 300px;
}
.production a {
	text-decoration: none;
	color: white;
}
.answer {
	font-size: 15px;
	margin: -17px 0 0 475px;
}
.answer a {
	color: white;
	text-decoration: none;
}
.contacts {
	font-size: 15px;
	margin: -18px 0 0 640px;
}
.contacts a {
	color: white;
	text-decoration: none;
}
.cert {
	font-size: 15px;
	margin: -18px 0 0 880px;
}
.cert a {
	color: white;
	text-decoration: none;
}

Правильно или глупо сделал?

[ShumNo]

Главное, чтобы работало в разных браузерах так как надо и не было побочных эффектов, а больше думаю ничего и не надо

[prowoke]

Главное, чтобы работало в разных браузерах так как надо и не было побочных эффектов, а больше думаю ничего и не надо

Я понимаю эту логику, но возможно есть более простое решение, как с точки зрения кол-ва строк, так и проверенного временем опыта.

[Serlutin]

С одной стороны правда. Иногда лучше пусть работает везде одинаково, а в коде будет чёрте что. Ведь конечному пользователю всё-равно пофиг.

Однако, ведь приятно, когда у тебя чистый и красивый код. Ещё если вдруг на сайт зайдет верстальщик, заглянет в код и увидит там красоту, то уважение к сайту его повысится.

Теперь по коду.

В CSS у вас постоянно повторяется font-size: 15px. Задаёте вы его один раз .menu и всё.

Дальше по HTML. Не гласным стандартном считается делать навигацию с помощью немаркированных списков (UL и LI)

<ul class="menu">
    <li class="about">
    <li class="galery">
    <li class="production">
    <li class="answer">
    <li class="contacts">
    <li class="cert">
</ul>

Картинку под меню лучше делать с помощью bacground-image. Чтобы список был не вертикальным, а горизонтальным можно использовать float: left или display: inline-block; Картинку лучше разрезать. Если чуть-чуть подзаморочиться, то нужно всего 2 изображения, которые будет использоваться везде, вне зависимости от количество пунктов в меню и размера текста в них.

Итого мы получаем, что-то такое

menu {
	list-style: none;
	margin: 0; padding: 0;
	font-size: 15px; /* лучеш задавть в em, относительно размера в body*/}
menu li {
	display: inline-block;
	/* для поддержки IE, через хаки нужно добавить
	display: inline;
	zoom: 1;
	*/
	height: 25px; /* соль и специи по вкусу*/
	background: url (image1.gif) no-repeat;
	}
menu li a {
	background: url (image2.gif) no-repeat;
 	line-height: 25px; /*вроде как выровнить должно по центру*/ }

[ShumNo]

Хорошо, скажите какая разница сколько будет кода 25 строчек или 32? Это же не исполняемый код от которого зависит производительность, а это всего лишь разметка, главное чтобы вам было удобно в ней ориентироваться, редактировать, править и масштабировать

Не разница конечно есть 25 или 250 строк разметки, но тот у кого 250 вместо 25 он как правило не спрашивает и не думает об этом

Код глянул - не отсюда ли он http://csstemplater.com/ ?

[wanntuzz]

Как не исполняемый код? Как не зависит производительность? Браузеру все равно легче когда 25 строк чем 32.