Malcolm Beck´s: Verweis-sensitive Grafiken als Mouseovergrafik

Beitrag lesen

مرحبا

Eigentlich kann ich kein CSS sondern nur ein wenig HTML...

http://community.de.selfhtml.org/my/zitatesammlung/zitat728

Könntest du mir konkret anhand meines Codes erklären, wie ich das zu machen habe?

Ok, aber ohne Image-Map.

<!-- Unser Grundgerüst -->  
<div id="imagemap_container">  
  <p>Dieser Text ist Sichtbar, könnte aber auch ein Bild sein.</p>  
    <div id="imagemap">  
      <!-- Hier kommt deine Image-Map rein -->  
      <p>Image-Map</p>  
    </div>  
</div><!-- HTML ends -->

Jetzt kannst du mit CSS ganz einfach alles gewünschte ein bzw. ausblenden.
Ein einfaches bsp.:

#imagemap_container { /* Der gesamte Container */  
  padding:10px;  
  border:1px solid #F00;  
}  
/*  
  Das div-Element, wo deine Image-Map drin ist, per default ausblenden  
*/  
#imagemap_container div { /* oder: #imagemap_container #imagemap */  
  display:none;  
  padding:10px;  
  width:300px;height:50px;border:1px solid #000; /* zu Testzwecken */  
}  
#imagemap_container:hover div { /* wenn man mit der Maus den Gesamten Container hovert, image-Map anzeigen */  
  display:block;  
}  

mfg