Оцените верстку пожалуйста

[stan077]

Доброе время суток!

макет - Для просмотра ссылки необходимо: Войти или Регистрация

верстка -Для просмотра ссылки необходимо: Войти или Регистрация

 

[BaNru]

 

[stan077]

Для просмотра ссылки необходимо: Войти или Регистрация

Пункты 1 , 4 - ???

Пункты 2 , 3, 5 - Спасибо, подправил

 

[BaNru]

3 => 4 (читай как одно)

1 - сдвинуты элементы в шапке. Немного не так выделил, надо было шире/правее брать.

Спасибо, подправил

пока не заметно

 

[stan077]

я так понимаю:

1 - сдвинуты элементы в шапке.
2 - уменьшить шрифт
3 - добавит в ховер text-decoration: underline;
5 - сдвинуть в лево
правильно?

 

[BaNru]

1 -сдвинуть вправо
2 - text-decoration: none;
3 - да
5 - вправо

Ещё отступа слева нету в оригинале

 

[stan077]

1 -сдвинуть вправо
2 - text-decoration: none;
3 - да
5 - вправо

Ещё отступа слева нету в оригинале

Для просмотра ссылки необходимо: Войти или Регистрация

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

Подскажите, пожалуйста как сделать чтобы полоски/бекграунд тянулись на всю ширину блока?
Вот код меню:
Для просмотра ссылки необходимо: Войти или Регистрация

 

[BaNru]

в общем примерно так
лищнее убираем, заменяя

.top_content .left ul {}
.top_content .left li {
    background-color: #C9544D;
    float: left;
    width: 100%;
}

Тут добавляем

.top_content a {
    float: right;
    width: 200px; /* ширину сам подгонишь */
}

Убираем тег A, назначаем на LI

.top_content li:first-child {
    margin-bottom: 20px;
}

Кстати

<div class="line"></div>

такие вещи пора учиться делать через псевдоэлементы Для просмотра ссылки необходимо: Войти или Регистрация и Для просмотра ссылки необходимо: Войти или Регистрация

 

[stan077]

в общем примерно так
лищнее убираем, заменяя

.top_content .left ul {}
.top_content .left li {
background-color: #C9544D;
float: left;
width: 100%;
}
Тут добавляем

.top_content a {
    float: right;
    width: 200px; /* ширину сам подгонишь */
}

Убираем тег A, назначаем на LI

.top_content li:first-child {
    margin-bottom: 20px;
}

Кстати

<div class="line"></div>

такие вещи пора учиться делать через псевдоэлементы Для просмотра ссылки необходимо: Войти или Регистрация и Для просмотра ссылки необходимо: Войти или Регистрация

Cпасибо большое!

Если б еще сделать чтобы блок с меню при масштабировании не сьежал влево было бы вообще класс.)
Такое возможно?

 

[motek]

Кстати

<div class="line"></div>

<hr/> со стилями этого дива

 

[BaNru]

Кстати

<div class="line"></div>

<hr/> со стилями этого дива

Зачем? В HTML коде вообще не надо этого. Это всё делается на стилях.

 

[motek]

Зачем?

за шкафом

 

[BaNru]

Смотрел, там нет.

 

[M-A-X]

Закройте эту тему!

П.С.
Я так понял этот форум умер