2012-05-02 5 views
0

я не могу показаться, чтобы выяснить, почему это работает:равномерно распределяют уль список через DIV

#inside-footer { 
    display: inline-block; 
    margin-left: auto; 
    margin-right: auto; 
    font-size: 85%; 
} 
#inside-footer ul.footer_nav { 
    text-align: left; 
    float: left; 
    margin: 20px 10px; 
    position: relative; 
    width: 164px; 
} 

<div id="inside-footer"> 
     <ul class="footer_nav"> 
     <h4>Zeigeist</h4> 
     <li> 
      <a href="/;about">About</a> 
     </li> 
     <li> 
      <a href="/blog">Blog</a> 
     </li> 
     <li> 
      <a href="/;contact">Contact &amp; Support</a> 
     </li> 
     <li> 
      <a href="/training">Training</a> 
     </li> 
     <li> 
      <a href="#">Site Status</a> 
     </li> 
     </ul> 
     <ul class="footer_nav"> 
     <h4>Tools</h4> 
     <li> 
      <a href="/;create">Chapter Generator</a> 
     </li> 
     <li> 
      <a href="#">Activies Board</a> 
     </li> 
     </ul> 
     <ul class="footer_nav"> 
     <h4>Documentation</h4> 
     <li> 
      <a href="#">Chapter Sites</a> 
     </li> 
     <li> 
      <a href="#">Developers</a> 
     </li> 
     </ul> 
     <ul class="footer_nav"> 
     <h4>External Links</h4> 
     <li> 
      <a href="#">News</a> 
     </li> 
     <li> 
      <a href="#">Media</a> 
     </li> 
     </ul> <!-- /upper-footer--> 
    </div><!-- /inside-footer -->​ 

но на моем сайте http://zmgc.net/ элементы списка по горизонтали, а не под тегами заголовков.

Я хотел бы отобразить его как http://jsfiddle.net/ypr8g/13/, но в равной степени распространяется в пределах yui3-u-19-24 div, и, возможно, я могу разделить это на другой yui3-g и поместить каждый в div yui3-u-1-4 но не кажется правильным!

что мне не хватает?

благодаря

ответ

2

Где вы имеете #inside-footer li { float: left; margin-top: 5px; padding: 0; } он нужен поплавок взятый, как это будет выглядеть на сторону Ли бок, изменить его #inside-footer li { margin-top: 5px; padding: 0; }, и он будет отображаться как вы хотите, то есть ниже тегов заголовков.

+0

спасибо, но есть ли способ равномерно распределить 4 списка через div? – khinester

+0

Если вы измените свой # div на следующий, который должен работать внутри нижнего колонтитула ul.footer_nav {text-align: left; плыть налево; margin: 20px 0; ширина: 283 пикселей; } вам нужно указать ширину ul – frontendzzzguy

Смежные вопросы