wenn mouseover dann divblock anzeigen geht nicht

Sicaine · 4. Oktober 2004

Hi,

ich wollts so haben, dass wennich über ne Grafik schwebe, sich ein Div-block einblendet mit positionsangaben. Problem is dass ichs jetzt so versucht hab, dass ich dem Divblock von anfang an auf display:none gestellt hab und wenn jemand auf den link geht(link hat die gleiche id wie der divblock) ich auf display:block umstelle oder sonstwas und da der link sowieso zu sehen is, würde sich nur der divblock ändern. es geht aber so bei mir zumindest nicht.

Hat jemand ne Idee?
hier mal ein Code:

HTML:

<style>
<!--
#test:hover{
display:block;
}
</style>
<a id="test" href="">test</a>
<div style="display:none;positon....">sdklfj</div>

Bubblez · 4. Oktober 2004

hi,

ich hab mal was gebastelt. im FF funktioniert es, aber das kind IE versteht css ja nicht immer richtig, daher gehts dort leider nicht. trotzdem denk ich dir mit diesem schnipsel einen denkanstoss geben zu können

HTML:

<html>
<style>
img{
    border: 0px solid black;
    text-decoration: none;
}
.description{
   display: none;
   border: 1px solid black;
   background: lightgray;
   width: 130px;
   height: auto;
   position: absolute;
   margin-left: 10px;
   top: 40px;
   padding: 6px;
   text-decoration: none;
}

#menu a:link{
       text-decoration: none;
       color: green;
}

.bilder:hover .description{
   display: inline;
}

</style>
<body>
<div id="menu">

<a href="#" class="bilder"><img src="./bild.jpg"/>
<div class="description">Die Erklärung kommt hier hin!</div></a>
<a href="#" class="bilder"><img src="./bild.jpg"/>
<div class="description">Die Erklärung kommt  hin!</div></a>
<a href="#" class="bilder"><img src="./bild.jpg"/>
<div class="description">Die Erklärung  hier hin!</div></a>
<a href="#" class="bilder"><img src="./bild.jpg"/>
<div class="description">Die kommt hier hin!</div></a>

</div>
 <a href="#" class="bilder">nicht Menu Link</a>
</body>
</html>

EDIT:

kopierst du aber zusätzlich noch das IE7 package von http://dean.edwards.name/download/ auf dein webserver, und bindest es über:

<head>


</head>

den Pfad musst du hald an deine Bedüfrnisse anpassen...
so siehts im IE aus mit dem package:
http://bb.webrama.de/projects/iface/ie_test.html

viel Spass!

Sicaine · 5. Oktober 2004

Hm ich wollt aber eigetnlch damit das JS raushauen und so eine bessere kompatibilität erreichen. Aber ohne JS wird dieser IE-Patch sicher nich funktionieren.

Edit: jo nen denkanstoss gibts. Mal gucken ob nich nich doch ne IE - Möglihckeit damit finde.

wenn mouseover dann divblock anzeigen geht nicht

Sicaine

Bubblez

Mitglied

Sicaine

Neue Beiträge