CSS: Convertir menu vertical à l'horizontal

Comment convertir le menu vertical en horizontal? Les lignes dans le sous-code, sont responsables de cette situation?

ul#vertmenu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 200px;
}
ul#vertmenu li {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    font: bold 11px/16px arial,helvetica,sans-serif;
    position: relative;
    width: 100%;
}
ul#vertmenu li ul li {
    background: none repeat scroll 0 0 #FFCF8B;
}
ul#vertmenu li a {
    display: block;
    padding: 2px 3px;
}
ul#vertmenu li a:hover {
    background: none repeat scroll 0 0 #FFCF8B;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #AA0000;
}
ul#vertmenu li ul li a:hover {
    background: none repeat scroll 0 0 #FFEDD3;
    border-left: 1px solid #FFFFFF;
}
ul#vertmenu ul {
    display: none;
    position: absolute;
    top: 0;
}
ul#vertmenu li:hover ul {
    display: block;
    left: 200px;
}

J'ai trouvé la réponse ici. Exactement ce que je voulais savoir:

"Tout d'abord, enlevez toutes les mentions d'une "largeur". Vous allez avoir votre menu pour la durée de votre page ne soit pas limité à la 180px dans la version actuelle.

Prochaine, nous devons dire à la

  • éléments de mettre en ligne les uns avec les autres, au lieu de la pile du haut vers le bas. Donc, ajouter display:inline #vertmenu li.

    Après cela, nous aurons besoin de dire les éléments à emboîter le pas. Donc, supprimer display:block à partir de la #vertmenu li un decleration. "

    • Pourquoi la question a été downvoted?
    • Je n'ai pas downvote, mais votre question pourrait être améliorée en montrant le HTML concernés, et en faisant un démo de votre menu.
    • l'affichage de votre code html sera utile
    • Le HTML est très classique: <ul id ="vertmenu"><li>123</li><li>456</li></ul>
    InformationsquelleAutor Klausos Klausos | 2012-05-09
    1. 1

      changement display:block; à 

        display:inline;
      • Merci. J'ai changé,mais mon menu est toujours à la même chose - c'est à dire à la verticale.
      • changement également ul largeur
      InformationsquelleAutor
    2. 1

      Essayez d'ajouter 

      li
{
display:inline;
}

      également dans votre code

       ul#vertmenu li {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    font: bold 11px/16px arial,helvetica,sans-serif;
    position: relative;
    width: 100%;
}

      Ici vous réglage de la li à ul largeur. Supprimer ce.

      Simple exemple

      InformationsquelleAutor huMpty duMpty
    3. 0

      Changement le style de votre liste ( par exemple: non ordonnée), Vous pouvez le style avec la classe ou l'id de la liste. 

      ul{
        white-space: nowrap;
        overflow-x: auto;  
    }

      Et modifier le style de li être un inline-block

      li{
    display: inline-block;
}
      InformationsquelleAutor erluxman