Hallo Forum, nachdem mein PHP Problem ja gelöst ist, bin ich nun weiter im Layout fortgeschritten und nu hänge ich an einer Formatierung mit CSS fest. Mein Ziel: vertikales CSS Menü mithilfe einer Liste (li)
Folgenden Code habe ich bisher gebastelt:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26: |
ul {
list-style-type: none;
margin: 2px;
padding: 0px;
text-align: left;
}
li a {
display: block;
color: #FFFFFF;
background: black;
width: 110px;
text-decoration: none;
}
li a:hover {
background-color: #000000;
border: 1px solid #FFFFFF;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
|
Die Farben sind nur rein zum Testen gewählt.
So die Formatierung des ul Tags funktioniert problemlos und wird sowohl im IE6 als auch Mozilla angezeigt. Den li Tag ignoriert entweder CSS oder die Browser jedoch völlig, denn diese werden einfach in den Standardwerten der Browser angezeigt. Warum?
Vielleicht als zu meiner Methode: Ich erstelle die CSS Dateien im guten alten Editor und ziehe mir diese dann als Link in DW MX. Hat bis dato auch problemlos funktioniert, nur bei diesem verdammten Listen-Tag zicken beide Browser rum.
Wobei auch im DW die Formatierung so angezeigt wird, wie ich sie da oben geschrieben habe.
Bin wie immer für jede Hilfe dankbar.
Schöne Woche allen zusammen!
