nicht angemeldet
Hallo Beat
danke für deine Tipps.
Ein table in ein span zu stellen ist wiederum eine schlechte Idee.
Offenbar passt deine Tabelle platzmässig auch gar nicht an den Ort. (Bildschirm)
Das ist natürlich doof (hab ich noch nicht gewust). Die Tabelle muss aber sein, da ich diese von einem JavaScript bekome (automatisch aktuellsten termin anzeigen).
Dann werde ich mal das Tooltip mit JavaScript probieren. Vieleicht geht das mit einer Tabelle.
Validieren würde auch nicht schaden.
Das es nicht valide ist hab ich schon gesehen - hab aber da noch nicht verstanden warum.
Habe auch gerade gesehen das ich <br> nicht in Tabellen verwenden darf und das mein JavaScript mir das, in der Liste auf die es zugreift, vorhandene </tr> irgendwie abschneidet.
Bei der Validierung habe ich auch Probleme im <div id="menu1">.
Das war eine Vorlage. Und die funktioniert mit leeren <b> und <div>.
Und das sol man ja nicht, so wie ich das gelesen habe.
Hat jemand zufällig einen Tipp für mich wie man so etwas lösen kann?
Quelltext: Zeilen 78 bis 182 (ist ziemlich lang, deswegen möchte ich es nicht hier reinsetzen)
Css-Code für das Menü: (http://www.madcv.de/newpage_test/css/menu.css
.nav {padding:0; margin:0; list-style:none; height:41px; background:url(../images/menu/back.png)
repeat-x; font-family:arial; font-size:14px; width:756px;} /*Gesamtbreite*/
.nav li {float:left; height:41px;}
.nav li a {display:block; height:41px; width:108px; float:left; line-height:37px; color:#000; text-decoration:none; text-align:center;}
.nav li a:hover {position:relative; visibility:visible; line-height:35px; z-index:50;}
.nav li a:hover b {display:block; width:108px; height:41px; background:url(../images/menu/toptab_shadow.png); color: #FFFFFF}
.nav li a:hover span {display:block; width:108px; height:41px; position:absolute; left:0; top:0; cursor:pointer;}
.nav li ul, .nav li div {position:absolute; left:-9999px;}
.nav li:hover {position:relative;}
.nav li:hover > a {line-height:35px; color:#FFFFFF;}
.nav li:hover > a b {display:block; width:108px; height:41px; background:url(../images/menu/toptab_shadow.png);}
.nav li:hover > a span {display:block; width:108px; height:41px; position:absolute; left:0; top:0; cursor:pointer;}
.nav table {border-collapse:collapse; margin:-1px;}
.nav :hover div {left:0; top:40px; width:200px; height:127px; padding:10px 0;background:url(../images/menu/sub_back.png); z-index:100;}
/*.left*/ .nav :hover div.left {left:-88px; top:40px; width:200px; height:127px; padding:10px 0;background:url(../images/menu/sub_back.png); z-index:100;}
.nav :hover ul {padding:0; margin:0; list-style:none; left:0; top:37px; width:200px; height:100px; padding:10px 0; z-index:120;}
/*.left*/ .nav :hover ul.left {left: -88px;}
.nav :hover ul li {height:27px;}
.nav :hover ul li a {height:27px; line-height:27px; color:#fff; width:196px; text-align:left; text-indent:20px;}
.nav :hover ul li.fly a {background:url(../images/menu/arrow.gif) no-repeat 150px center;}
.nav :hover ul li a:hover {background: url(../images/menu/subtab_over.png); color:#FFFFFF;}
.nav :hover ul li:hover > a {background: url(../images/menu/subtab_over.png); color:#FFFFFF;}
.nav :hover ul ul, .nav :hover ul div {position:absolute; left:-9999px;}
.nav :hover ul :hover {z-index:200;}
.nav :hover ul :hover div {left:150px; top:-4px; width:200px; height:100px; padding:10px 0; background:url(../images/menu/sub_back.png); z-index:200;}
.nav :hover ul :hover ul {padding:0; margin:0; list-style:none; left:150px; top:-4px; width:200px; height:144px; padding:10px 0; z-index:250;}
.nav :hover ul :hover ul li a {background:transparent;}
.nav :hover ul :hover ul li a:hover {background: url(../images/menu/subtab_over.png); color:#FFFFFF;}
Danke
pfid
MudGuard