Vertikalen ausrichten der Elemente innerhalb von LI

Ich habe ein problem mit der Umsetzung einer neuen design. Während die Anker-Elemente werden korrekt ausgerichtet in das alte design, für einige Grund die Anker-Elemente sind ausgerichtet auf den Boden im neuen design mit html/css regading UL, LI und Ein Teil exatly das gleiche.

#treeview ul {
    padding-top: 3px;
}
#treeview ul li {
    background: none repeat scroll 0 0 transparent;
    line-height: 24px;
    padding-bottom: 3px;
    padding-left: 0;
}
#treeview ul li.active {
    background: none repeat scroll 0 0 #DDDDDD;
}
#treeview ul li ul li {
    padding-left: 30px;
}
#treeview ul li a {
    color: #444444;
    padding-left: 5px;
    text-decoration: none;
}


<div id="treeview">
    <ul>
        <li>
            <img src="assets/js/no-expand.png">
            <img class="icon" width="24" height="" src="assets/images/icons/icon_dance24x24.png">
            <a title="Essential" href="/index/night-clubs/essential/">Essential</a>
        </li>
    </ul>
</div>
Hinweis Sie können format Zeilen code durch Einrücken Ihnen vier Räume. Die "{} " - button in der editor-toolbar tut dies für Sie. clairesuzy hat es für Euch, dieses mal; Nächstes mal, es selbst zu versuchen. Klicken Sie auf das orange Fragezeichen in der editor-Symbolleiste weitere Informationen und Tipps zur Formatierung.
Es sind vielleicht 10 Fragen, die auf der jeweiligen Liste auf der rechten Seite, die Sie Fragen, eine sehr ähnliche, wenn nicht dieselbe Frage.
schreiben display:block a-tag
es sind 10 Fragen über es, aber die, die ich sah, waren gelöst, indem Sie einfach die line-height-Eigenschaft. In meinem Fall funktioniert es wie erwartet im alten design und nicht egal, was ich mache in der neuen, es funktioniert immer noch nicht. Das problem muss mit der Formatierung des container-Elemente und wenn ja, warum?
kann man HTML auch?

InformationsquelleAutor jaz | 2011-06-02

  1. 4

    Versuchen, diese...

    #treeview ul li * {
    vertical-align: middle;
}
    Das funktioniert 🙂 ich Frage mich, ob es funktioniert im IE9 als auch. Auch ich verstehe immer noch nicht, wie es funktionieren könnte das alte design ohne diese Linie. Einer der css-Geheimnisse, Schätze ich.

    InformationsquelleAutor wdm

  2. 0

    Versuchen: 

    ul li {
    display: table-cell;
    vertical-align: top;
}
    Funktioniert dies nicht. Es stellte sich mein vertikalen ul-li-Menü in die horizontale.

    InformationsquelleAutor Petah

Schreibe einen Kommentar