Перейти к содержимому

Фотография
- - - - -

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


  • Вы не можете создать новую тему
  • Авторизуйтесь для ответа в теме
Сообщений в теме: 13

#1 stan077

stan077

    Частый гость

    Топикстартер
  • Участник
  • 7
    108 сообщ.

Отправлено 25 Ноябрь 2013 в 17:32

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

 

макет - http://s018.radikal....b35165bd835.jpg

 

верстка -/BULAT/


  • 0

Спонсор

#2 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 25 Ноябрь 2013 в 17:48

5432112345.png


  • 1

#3 stan077

stan077

    Частый гость

    Топикстартер
  • Участник
  • 7
    108 сообщ.

Отправлено 25 Ноябрь 2013 в 18:06

 

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

 

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


  • 0

#4 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 25 Ноябрь 2013 в 18:20

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

 

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

 

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

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


  • 0

#5 stan077

stan077

    Частый гость

    Топикстартер
  • Участник
  • 7
    108 сообщ.

Отправлено 25 Ноябрь 2013 в 18:42

 

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

 

1 - сдвинуты элементы в шапке.

2 - уменьшить шрифт

3 - добавит в ховер text-decoration: underline;

5 - сдвинуть в лево 

правильно?


Сообщение отредактировал stan077: 25 Ноябрь 2013 в 18:43

  • 0

#6 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 25 Ноябрь 2013 в 18:55

1 -сдвинуть вправо

2 - text-decoration: none;

3 - да

5 - вправо

 

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

site1.png


  • 0

#7 stan077

stan077

    Частый гость

    Топикстартер
  • Участник
  • 7
    108 сообщ.

Отправлено 26 Ноябрь 2013 в 17:07

1 -сдвинуть вправо

2 - text-decoration: none;

3 - да

5 - вправо

 

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

attachicon.gifsite1.png

 

Вроде все исправил, кроме меню.

Вчера весь вечер промучился максимум что получилось вот 

9e8332611773.jpg

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

Вот код меню:

http://jsfiddle.net


  • 0

#8 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 26 Ноябрь 2013 в 18:53

в общем примерно так
лищнее убираем, заменяя
.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>
такие вещи пора учиться делать через псевдоэлементы :after и :before
  • 1

#9 stan077

stan077

    Частый гость

    Топикстартер
  • Участник
  • 7
    108 сообщ.

Отправлено 26 Ноябрь 2013 в 19:50

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

.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>
такие вещи пора учиться делать через псевдоэлементы :after и :before

 

 

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

 

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

Такое возможно?


Сообщение отредактировал stan077: 26 Ноябрь 2013 в 19:50

  • 0

#10 motek

motek

    злой как @

  • V.I.P.
  • 320
    730 сообщ.

Отправлено 29 Ноябрь 2013 в 11:46

Кстати

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

 

 

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


  • 0

#11 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 29 Ноябрь 2013 в 13:22

Кстати

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

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

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

#12 motek

motek

    злой как @

  • V.I.P.
  • 320
    730 сообщ.

Отправлено 29 Ноябрь 2013 в 15:00


Зачем?

 

за шкафом :)


  • 0

#13 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 29 Ноябрь 2013 в 16:35

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

#14 M-A-X

M-A-X

    Прохожий

  • Участник
  • 0
    17 сообщ.

Отправлено 08 Апрель 2016 в 11:33

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

 

П.С.

Я так понял этот форум умер :)


  • 0



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей