Liste der Anhänge anzeigen (Anzahl: 2)
Hier der Code zum Menü...
wobei der natürlich noch neet auf bugs getestet ist...
Ich habs im IE9, FF13 und im aktuellen Chrome getestet.
Ich muss halt nochmal schaun wie es im ie8/7 und im safari aussieht
bei ner freundin sieht es irgendwie total seltsam aus ich kann
auhc nicht genau erkennen warum...
ich denke mal es liegt darin das level 1 jetzt inline ist
PS: ul.level_1 sind bei mir keine links sondern alles spans
ich habe es aus der navigationsvorlage herausgeschmissen um eine halbwegs vernünftige
navigation auf smartphones zu ermöglichen
auf android geräten funktioniert es soweit gut
habs mit android 2.3.x und 4.x getestet
auf dem iphone 4s muss ich es nochmal testen ich hab da schon jemand dem ich das handy nen moment mal klauen kann :D
Code:
#mainmenu {
width:100%;
position:relative;
overflow:visible;
z-index:999999;
}
#mainmenu ul {
margin:0;
padding:0;
}
#mainmenu ul.level_1 {
padding-top:10px;
}
#mainmenu ul.level_1 li {
display:inline;
}
#mainmenu ul.level_1 span {
font-size:24px;
line-height:30px;
text-decoration:none;
color:#fff;
}
#mainmenu ul.level_1 li:hover {
background-color:#497B7B;
}
#mainmenu ul.level_2 {
display:none;
}
#mainmenu ul.level_1 li:hover > ul.level_2, #mainmenu ul.level_1 li:active > ul.level_2 {
position:absolute;
display:block;
}
#mainmenu ul.level_2 li {
width:100%;
display:block;
}
#mainmenu ul.level_1 li.first {
padding:15px 10px 10px;
border-right:1px solid #fff;
margin:0 0 0 10px;
}
#mainmenu ul.level_1 li.first+li {
margin:0;
padding:15px 10px 10px;
border-right:1px solid #fff;
}
#mainmenu ul.level_1 li.last {
padding:15px 10px 10px;
}
#mainmenu ul.level_2 {
padding:10px 15px;
text-align:left;
vertical-align:middle;
border:1px solid #D9F7F7;
background-color:rgba(109,187,186,0.9);
}
#mainmenu ul.level_2 a, #mainmenu ul.level_2 a:active, #mainmenu ul.level_2 a:focus {
font-size:18px;
line-height:32px;
text-decoration:none;
color:#fff;
}
#mainmenu ul.level_2 li {
right:10px;
position:relative;
background:url("tl_files/reneboehres4/image/list-style.png") left center no-repeat;
}
#mainmenu ul.level_2 li.first {
margin:0;
padding:0 0 0 15px;
border:0px;
}
#mainmenu ul.level_2 li.first+li {
border:0px;
padding:0 0 0 15px;
}
#mainmenu ul.level_2 li.first+li+li {
border:0px;
padding:0 0 0 15px;
}
#mainmenu ul.level_2 li.first+li+li+li {
border:0px;
padding:0 0 0 15px;
}
#mainmenu ul.level_2 li.first+li+li+li+li {
border:0px;
padding:0 0 0 15px;
}
#mainmenu ul.level_2 li.first+li+li+li+li+li {
border:0px;
padding:0 0 0 15px;
}
#mainmenu ul.level_2 li.last {
padding:0 0 0 15px;
}
#mainmenu ul.level_1 li ul.level_2 {
left:10px;
}
#mainmenu ul.level_1 li+li ul.level_2 {
left:223px;
}
#mainmenu ul.level_1 li+li+li ul.level_2 {
left:328px;
}
so sieht der spaß bei mir aus
Anhang 8135
so sieht es bei ner freundin auf ihrem win 7 netbook mit ie9 aus
sehr strange
liegt das an mir oder ihr?!
Anhang 8136
edit:
Auf ihrem Screenshot sieht man, dass die abgerundeten ecken nicht abgezeigt werden...
sieht hat wohl ie7 oder ie8
da wird das menü auseinander gerupft...
woran liegt das?
ich hasse den internet explorer :D
falls jemand sieht woram es liegt bitte laut schreien ;)))