Нижний колонтитул CSS не в одной строке - PullRequest
Новая
       16

Нижний колонтитул CSS не в одной строке

0 голосов
/ 27 мая 2010

Я пытаюсь написать нижний колонтитул, как этот

альтернативный текст http://s10.directupload.net/images/100527/3mgauoky.jpg

Я сказал, что я очень плох в Css?

Мой CSS выглядит следующим образом 

#footer-navi
{
    margin-bottom:1.5em;
    padding-bottom:1.5em;
}
clearfix
{
    display:block;
}

#footer-group
{
    margin:0 auto;
}

РЕДАКТИРОВАТЬ: Вот некоторые HTML 

<div id="footer-group">
         <ul id="footer-navi" class="clearfix">
           <li> 
            <h4>Products</h4> 
              <ul>
               <li><a href="#">test 1</a><li>
              </ul>


            <h4>Products 2</h4>
            <ul>
                      <li><a href="#">test 2</a><li>
            </ul>
        </li>

        </ul>
</div>

Как я могу реализовать что-то вроде нижнего колонтитула выше? Спасибо большое.

1 Ответ

1 голос
/ 27 мая 2010

Попробуйте этот HTML: 

<div id="footer-navi">
    <ul>
        <li>Kaufen<ul>
            <li>ein</li>
            <li>zwei</li>
            <li>drei</li>
            </ul>
        </li>
        <li>Verkaufen<ul>
            <li>ein</li>
            <li>zwei</li>
            <li>drei</li>
            </ul>
        </li>
    </ul>
</div>

С этим CSS: 

#footer-navi ul {
    font-size: 75%;
}
#footer-navi>ul {
    font-size: 150%;
}
#footer-navi>ul>li {
    display: inline-block;
}

Смотри: http://jsfiddle.net/AGL4N/
Требуется форматирование (поля, отступы, высота строки, размер шрифта и т. Д.), Но основная идея, которая вам нужна, есть.

...