Горизонтальная менюшка

[Lucifer]

Здравствуйте!

Формирую менюшку следующим образом:

<div class="menu">
  <ul>
     <li><a href="#123.cshtml">123</a></li>
     <li><a href="#124.cshtml">124</a></li>
     <li><a href="#125.cshtml">125</a></li>
     <li><a href="Default.cshtml">126</a></li>
  </ul>
</div>

Как сделать, что бы она была не вертикальным списком а горизонтально располагалась (как здесь)?

в заранее спасибо.

Edited July 19, 2012 by Lucifer

[Modestes]

http://jsfiddle.net/S8kHB/

или через display:inline-block; http://jsfiddle.net/QzJj5/1/

Edited July 19, 2012 by Modestes

[Lucifer]

http://jsfiddle.net/S8kHB/

или через display:inline-block; http://jsfiddle.net/QzJj5/1/

Большое спасибо!)

Второй вариант в IE7 работать не хочет.

Edited July 19, 2012 by Lucifer

[Modestes]

добавь

zoom: 1;

*display: inline;

лучше для проблем с IE сделай спец.файл и туда заноси все хаки

Edited July 19, 2012 by Modestes

[Lucifer]

добавь

zoom: 1;

*display: inline;

лучше для проблем с IE сделай спец.файл и туда заноси все хаки

Я просто решил использовать первый способ. Но спасибо за такую качественную помощь.

на счёт спец.файла со стилями нагуглил вот это:

*:first-child+html .class {блаблабла}

вы это имели ввиду?

[Feel]

добавь

zoom: 1;

*display: inline;

лучше для проблем с IE сделай спец.файл и туда заноси все хаки

Интересно, есть ли какая-нибудь библиотека распространенных хаков для IE?

[Modestes]

у каждого думаю свой набор.

на хабре есть небольшой сборник

про ie6 - ie7 можно забыть, нафиг надо париться ?) заглушку поставил и работаешь дальше, можно даже и не ставить.

ie 8 более менее норм работает.

[Feel]

http://jsfiddle.net/S8kHB/

или через display:inline-block; http://jsfiddle.net/QzJj5/1/

Большое спасибо!)

Второй вариант в IE7 работать не хочет.

Ну так еще бы: http://htmlbook.ru/samlayout/internet-explorer/zagadochnoe-svoistvo-haslayout Видимо тоже под этот замес попадает.

Edited July 23, 2012 by Feel