• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hover Fehler

CitizenX

Neues Mitglied
Hallo,
Ich möchte mit Span Elementen ein Menue erstellen.
Wenn ich jedoch auf den Inhalt 2 hover ,diesen dann direkt verlassen und danach auf den Main gehe wird mir die Box vom inhalt 2 trotzdem angezeigt..?
Wie kann ich das umgehen?

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<style>

#sub1{display:none}
#sub2{display:none}

.clSub1{
    position:absolute;
    left:90px;top:-1px;
    padding:20px;
    border:solid 1px red;
    background-color:blue;
    }
   
.clSub2{
    position:absolute;
    left:50px;top:-1px;
    padding:20px;
    border:solid 1px red;
    background-color:yellow;
    }


.clmain{
    position:absolute;
    left:20px;top:50px;
    background-color:red;
    padding:20px ;
    border:solid 1px black;
    display:inline-block;
    }
   
#main:hover #sub1{display:inline-block;}
#sub1:hover #sub2{display:inline-block;}

</style>

<body bgcolor="white">
<div id="main" class="clmain">iam main
    <span id="sub1" class="clSub1">inhalt1
        <span id="sub2" class="clSub2">inhalt2</span>
    </span>
</div>
</body>
</html>

VG
Steffen
 
Werbung:
Werbung:
Hallo,

danke das war's..

Nebenbei bemerkt:
Ich bin es von anderen Foren her gewohnt ein Beitrag mit Hallo und Grußformel zuerstellen.Ich weiß ja nicht wie es bei euch läuft..
find's nur unhöflich und unpersöhnlich wie ihr eure Antworten erstellt..

VG
Steffen
 
Zurück
Oben