Критика, исправление ошибок и поиск решения проблем

[CraDy]

Доброго времени суток, уважаемые профи и эксперты!

Я только начинаю свои шаги в верстке и прошу мне помочь решить некоторые проблемы.

Верстаю макет первого левла вот отсюда - http://divhack.com/

Из-за недостатка знаний столкнулась со следующими проблемами:

1. Не могу спозиционировать ссылки меню. По макету расстояние между ними 70px, абсолютный отступ от края 72px, от края блока 40px.

2. Логотип сайта "International" хочется сделать кликабельным (на сайте, с которого взят макет, предлагается как решение делать логотип в виде картинки, но мне это категорически не хочется), но я не знаю как правильно это оформить в CSS, если делать через <a href="#" class="international'>, то не получается описать это в CSS. Как быть?

3. Какая-то ерунда происходит с футером. Вроде размеры прописываю правильно 60х960px, но реально он получается меньше.

4. Может у кого-то будут замечания по семантике. С радостью их приму.

Ссылка - http://jsfiddle.net/kqNeU/

Буду весьма признательна за потраченное на меня время =)

Edited June 20, 2013 by CraDy

[klierik]

Оформи, пожалуйста, тему соответствующе: Как правильно оформить вопрос/проблему

[CraDy]

klierik, спасибо за подсказку

[klierik]

1) их позиционировать не надо. это просто список UL>LI в контейнере.

2) например, так

a.logo {
    display: block;
    width: 200px;
    height: 50px;

    background: (../images/logo.png);
}

3) по хорошему, весь сайт должен лежать в контейнере, типа .wrapper со стилями:

.wrapper {
    width: 960px;
    margin: auto;
}

тогда и весь сайт будет от этого отталкиватся.

посмотрел твой код -- можешь его полностью переписывать.

только в этот раз давай так:

1. font-family задай для body

2. без fixed и ему подобных.

3. меню - списками

4. без комментариев в разметке

5. стили пиши в столбик

6. достаточно писать .content вместо div.content

ну и там видно будет.