разница в размерах в фотошопе и при верстке

[zhuravlik]

Здравствуйте. Помогите пожалуйста, сам уже туплю))). Вот кусочек макета из фотошоп:

желтым кружочком выделено расстояние, измеренное инструментом "линейка", приблизительно 80px, размер шрифта - 11px. То есть список ссылок должен отступать от надписи "subscribe to:" на 11 px, или от начала главного контейнера на 80px.

Это то, что получается в итоге. И я уже сломал весь мозг, почему так!! Чтобы не громоздить тут свой код, я выложил проект на хостинг: http://www.zhuravlik.b13.su/. Уважаемые спецы, помогите неофиту)))

з.ы. еще пара второстепенных вопросов

1. Правильно ли я сделал, что создал topleftmenu, вместо того, чтобы на каждый див заново задавать отступ сверху и цвет/размер текста?

2. Следует ли из-за одной строчки (subscribe) писать стиль в подключаемом файле, вместо того, чтобы задать его в документе?

3. Есть ли какие-то четкие принципы расположения div внутри другого div? То есть в каких случаях к этому прибегать, надо ли как-то по особому оформлять для этого стили?

Edited July 7, 2010 by zhuravlik

[Колос]

Может я тоже туплю, но при чём тут вообще фотошоп.

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

.

[zhuravlik]

Html:

<div id="TopLeftMenu">

<div id="subscribe">Subscribe to:</div>

<div id="textlinkmenu">

<ul>

<li class="first"><a href="#">Posts</a></li>

<li><a href="#">Comments</a></li>

<li><a href="#">Email</a></li>

</ul>

</div>

</div>

CSS:

#TopLeftMenu {

float:left;

position:absolute;

top:20px;

font-size:1.1em;

color:#485766;

}

#subscribe {

position:absolute;

}

#textlinkmenu {

padding-left:80px;

}

Я хочу понять, как расстояния переносятся из макета psd в страничку. Вот - в верхнем рисунке, в psd макете, если верить фотошоповской линейке расстояние дива #textlinkmenu от начала контейнера должно быть 80px, и при этом видно что в фотошопе расстояние между "Subscribe to:" и панелью ссылок нормальное. А у меня, когда я переношу размеры в веб, точно по макету не получается (при этом размер шрифта одинаковый). Я подчеркнул это различие на втором рисунке, где знак вопроса.

[sigma77]

zhuravlik,

У тебя шрифты в макете и на странице разные.

[zhuravlik]

zhuravlik,

У тебя шрифты в макете и на странице разные.

Вот я осел))))))))))))))))))))))))))) Спасибо)