Hallo zusammen,
ich möchte gerne vor einem Shop eine Website machen!
Das funktioniert auch alles schön, nur die Website ist zoombar und das möchte ich nicht, sie soll sich immer automatisch skalieren, egal welche Auflösung der Kunde hat!
Habe dies auch schon mit einem einfachen Hintergrundbild hinbekommen, nur nicht wenn ich auf dieses Bild Links verteile.
Bitte keine "frag mal Onkel Google", oder "wurde schon oft im Forum besprochen" Antworten, habe hier meiner Meinung schon jeden Beitrag, der auf mein Problem hindeutet gelesen, wenn es doch schon mal das selber Problem besprochen wurde, dann habe ich es schlicht übersehen und entschuldige mich hiermit!
Wäre schön wenn jemand eine direkte Lösung hätte!
Mein html Code sieht momentan so aus!
</head>
<body>
</div>
<style type="text/css">
body { background-color:#000;
}
</style>
</div>
<style type="text/css">
dl.image_map {display:block; width:1920px; height:960px; background:url(bild.png); position:auto; margin:2px auto 2px auto;}
a.LINK0 {left:529px; top:875px; background:transparent;}
a.LINK0 {display:block; width:439px; height:0; padding-top:74px; overflow:hidden; position:absolute;}
a.LINK0:hover {background:transparent; border:1px dashed black; color:black;}
a.LINK1 {left:1012px; top:867px; background:transparent;}
a.LINK1 {display:block; width:94px; height:0; padding-top:90px; overflow:hidden; position:absolute;}
a.LINK1:hover {background:transparent; border:1px dashed black; color:black;}
a.LINK2 {left:1143px; top:867px; background:transparent;}
a.LINK2 {display:block; width:94px; height:0; padding-top:90px; overflow:hidden; position:absolute;}
a.LINK2:hover {background:transparent; border:1px dashed black; color:black;}
a.LINK3 {left:1271px; top:867px; background:transparent;}
a.LINK3 {display:block; width:94px; height:0; padding-top:90px; overflow:hidden; position:absolute;}
a.LINK3:hover {background:transparent; border:1px dashed black; color:black;}
</style>
<dl class="image_map">
<dd><a class="LINK0" title="" href="http://www..de"></a></dd>
<dd><a class="LINK1" title="" href="http://www.facebook.com"></a></dd>
<dd><a class="LINK2" title="" href="https://twitter.com/"></a></dd>
<dd><a class="LINK3" title="" href="http://www.youtube.com/?gl=DE&hl=de"></a></dd>
</dl>
</body>
</html>
ich möchte gerne vor einem Shop eine Website machen!
Das funktioniert auch alles schön, nur die Website ist zoombar und das möchte ich nicht, sie soll sich immer automatisch skalieren, egal welche Auflösung der Kunde hat!
Habe dies auch schon mit einem einfachen Hintergrundbild hinbekommen, nur nicht wenn ich auf dieses Bild Links verteile.
Bitte keine "frag mal Onkel Google", oder "wurde schon oft im Forum besprochen" Antworten, habe hier meiner Meinung schon jeden Beitrag, der auf mein Problem hindeutet gelesen, wenn es doch schon mal das selber Problem besprochen wurde, dann habe ich es schlicht übersehen und entschuldige mich hiermit!
Wäre schön wenn jemand eine direkte Lösung hätte!

Mein html Code sieht momentan so aus!
</head>
<body>
</div>
<style type="text/css">
body { background-color:#000;
}
</style>
</div>
<style type="text/css">
dl.image_map {display:block; width:1920px; height:960px; background:url(bild.png); position:auto; margin:2px auto 2px auto;}
a.LINK0 {left:529px; top:875px; background:transparent;}
a.LINK0 {display:block; width:439px; height:0; padding-top:74px; overflow:hidden; position:absolute;}
a.LINK0:hover {background:transparent; border:1px dashed black; color:black;}
a.LINK1 {left:1012px; top:867px; background:transparent;}
a.LINK1 {display:block; width:94px; height:0; padding-top:90px; overflow:hidden; position:absolute;}
a.LINK1:hover {background:transparent; border:1px dashed black; color:black;}
a.LINK2 {left:1143px; top:867px; background:transparent;}
a.LINK2 {display:block; width:94px; height:0; padding-top:90px; overflow:hidden; position:absolute;}
a.LINK2:hover {background:transparent; border:1px dashed black; color:black;}
a.LINK3 {left:1271px; top:867px; background:transparent;}
a.LINK3 {display:block; width:94px; height:0; padding-top:90px; overflow:hidden; position:absolute;}
a.LINK3:hover {background:transparent; border:1px dashed black; color:black;}
</style>
<dl class="image_map">
<dd><a class="LINK0" title="" href="http://www..de"></a></dd>
<dd><a class="LINK1" title="" href="http://www.facebook.com"></a></dd>
<dd><a class="LINK2" title="" href="https://twitter.com/"></a></dd>
<dd><a class="LINK3" title="" href="http://www.youtube.com/?gl=DE&hl=de"></a></dd>
</dl>
</body>
</html>