Malcolm Beck´s: Verweis-sensitive Grafiken als Mouseovergrafik

Beitrag lesen

SELF-Forum

Verweis-sensitive Grafiken als Mouseovergrafik

Malcolm Beck´s
– Informationen zu den Bewertungsregeln

مرحبا

Okay. Vielen Dank. Mein Code sieht nun so aus, ist das korrekt?

Nein. Grundsätzlich schliesse ich mich Jürgen an, Basics lernen. Da das aber dauert, und du vermutlich auch mal weiter kommen willst, hier noch eine kleine Starthilfe (wenn du die Basics beherrschst, kannst du sowas in unter 6 Minuten).

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>ÄÖÜ</title>  
<style>
~~~~~~css
  
/* Der gesamte Container */  
#imagemap_container {  
  padding:10px;  
  border:1px solid #F00;  
}  
/* Container mit der Image-Map */  
#imagemap_container div {  
  display:none;  
  padding:10px;  
  width:300px;  
  height:50px;  
  border:1px solid #000;  
}  
 /* wenn man mit der Maus den Gesamten Container hovert, image-Map anzeigen */  
#imagemap_container:hover div {  
  display:block;  
}
~~~~~~html
  
</style>  
</head>  
<body>  
  
<!-- 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 -->  
  
</body>  
</html>

mfg

--
Never look back ...
Beitrag melden
–
Informationen zu den Bewertungsregeln