Как выровнять <ul>с существующим меню? - PullRequest
Новая
       3

Как выровнять <ul>с существующим меню?

0 голосов
/ 18 октября 2011

У меня проблемы с выравниванием <ul><li> с существующей навигацией.Опция more плавает поверх второй опции.Как сделать их все выровненными?

Код: 

<div id="nav">
<a href="#" id="option">name</a>
<ul id="test"> 

<li><a href="#" id="options1">Post</a> 
  <ul> 

    <li><a id="thestuff" href="#">Post Article</a></li> 
    <li><a id="thestuff" href="#">Post Book</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li>
    <li><a id="thestuff" href="#">Post Other</a></li> 
  </ul>
   </li> 
  </ul>
  <a href="#" id="option">Article</a>
  <a href="#" id="option">Books</a>
  <a href="#" id="option">Other</a>
  <a href="#" id="option">Other</a>
  <a href="#" id="option">Other</a>
  <a href="#" id="option">Other</a>
  <a href="#" id="option">Other</a>
  </div>

CSS: 

 #nav {
 margin-left: 230px;
 margin-top:-19px;
 }

 #option {
 margin-left:20px;
 }

Я не использую ничего для тега товара.

1 Ответ

2 голосов
/ 18 октября 2011

Используйте class для элементов, у которых более одного.

По определению id должен быть уникальным

...