Возникли проблемы с созданием «панели выбора»

#css #http

#css #http

Вопрос:

Я хочу создать панель навигации enter code here слева направо, которая отображала бы такие параметры, как вход, главная страница и т.д. Любая помощь была бы отличной, и спасибо за рассмотрение моей проблемы.

http-код:

http://pastebin.com/Dxpii18G

css-код:

 html,body { margin: 0; padding: 0; }
  

Ответ №1:

Существует довольно много способов сделать это, но ключевым является настройка отображения элементов на «встроенный» или «встроенный блок». Если вы используете промежутки (не рекомендуется), они уже встроены. Насколько я знаю, большинство людей используют следующее:

 <ul>
    <li class="MenuItem">Sign In</li>
    <li class="MenuItem">Home</li>
    <li class="MenuItem">Etc.</li>
</ul>
  

CSS был бы:

 .MenuItem
{
    display: inline-block;
}
  

В этом и заключается идея.