luckyguy

Здравствуйте, немного запутался вот в таком вопросе. Есть макет и его ширина 1200px. Например, header and footer растягиваются на все 1200, а остальные центрируются. И вот в чём собственно вопрос. Эти 1200 так и оставлять или же задавать ширину 100%? И если оставлять 1200, то что делать с оставшимся пространством по бокам?

Здравствуйте, хочется узнать какие есть замечания по коду.
Картинки пришлось использовать из сети, поэтому к ним можно не придираться)
http://codepen.io/anon/pen/MyWBYo

А откуда оно должно начинаться с самого левого края или под пунктом? 

Вот так получилось http://codepen.io/anon/pen/grOWRZ

Выпадающее меню не должно выходить за пределы .main-menu

Как вариант, отменяем перенос текста в подменю

http://codepen.io/anon/pen/EKxWMK

 Это неправильно, так как оно уезжает за границы nav-a

Тогда лучше заново сверстать

Зачем заново верстать, что уже сверстано? и проблема только с одним свойством.

Я просто никак не могу понять каким.

Если, например, задать 

 position: relative;

 для main-menu , а не для .active

тогда оно уже строкой, но всё равно отображение неправильное

Это?

http://codepen.io/anon/pen/XdWMEW

Нет, я имел ввиду, что подменю должно быть не столбцом а строкой 

не так:

Amsterdam

Bahamas

Paris

...

London

а вот так:

Amsterdam   Bahamas    Paris    ...    London

 

Вы имеете в виду выровнять пункты в подменю?(нужно всего лишь занулить padding для ul)

http://codepen.io/anon/pen/aNbpEP

 

Старайтесь писать html код структурно

<ul>

  <li></li>

  <li></li>

<ul>

а не так:

<ul>

<li></li>

<li></li>

<ul>

 

Я писал структурно в IDE на компьютере, но когда копировал - табуляция не отразилась

Нет, я имел ввиду, что подменю должно быть не столбцом а строкой 

Для этого используется свойство 

animation-iteration-count:infinite;

Доброго времени суток!
Подскажите пожалуйста, как выровнять выпадающее меню по горизонтали?
http://codepen.io/anon/pen/wGvBNQ