✔ ImageMap mit prozent-Werten ja nicht möglich - Alternative?

E

Eli-

Mitglied
Hi, ich brauche eine Image map. Aber da sich das Bild in der Größe verändert (width: 100%;), kann man nicht absolute werte verwenden. ein weg ist ja, einfach transparente Divs drüberzulegen und die zu verlinken. Habe ich getan, aber ich muss einen Weg finden, die Höhe anzupassen, da die sich ja passend zur Breite auch anpasst. Ich weiß leider nicht, wie man das realisieren kann

Wisst ihr, wie?

Danke

LG
 
ja, wenn das Bild schmaler wird, dann wird ja auch die Höhe verringert, damit das Bild nicht verzerrt wird. Und das Bild wird kleiner, wenn man z.B. das Browserfenster in der Breite reduziert.

Jetzt muss sich der div-container halt daran anpassen. In der Breite ist das kein Problem, aber in der Höhe schon, weil der Browser ja gleich hoch ist. Also ist das div immr gleich hoch, obwohl das bild ja seine Höhe verringert.
 
HTML: 
<div class="titelbild-normal">
<img title="Logo" class="titelbild-normal" src="Bilder/Logo.png" name="Logo">
<div style="position: absolute;border: 1px solid #333; top: 0; left: 0;width: 18%; height: 30%; background: none;">&nbsp;</div></div>
 
Eli- hat gesagt.:
... Jetzt muss sich der div-container halt daran anpassen...
Zum Vergrößern anklicken....
Ja, das macht er im Normalfall auch:
HTML: 
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test</title>
<style type="text/css">
  * {
    margin: 0;
    padding: 0;
  }
  #bg {
    position: relative;
  }
  #bg img {
    width: 100%;
  }
  #bg a {
    position: absolute;
    border: 1px solid #333;
  }
  #bg a.link1 {
    top: 6%;
    left:  10%;
    width: 18%;
    height: 30%;
  }
</style>
<div id="bg">
  <img src="http://style.tutorials.de/lbxhottopics/2-5.jpg" alt="" title="">
  <a href="#" class="link1">Link1</a>
</div>
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück