• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

html code... was muss ich ändern?

tesa87

Neues Mitglied
hallo zusammen,


ich habe mir eine kleine sehr einfache homepage für meine firma geschreiben.
die startseite besteht aus einer jpg datei, die zwei links zu zwei weiteren jpg bildern enthält.

für die startseite habe ich folgende html datei angelegt:

HTML:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Bodenverlegung Selzer</title>
</head>
<body>


<p>
  <img src="http://dirkselzer.di.funpic.de/startseite.jpg" width="100%" border="0" alt="Startseite" usemap="#Landkarte">
  <map name="Landkarte">
    <area shape="rect" coords="500,515,708,584"
          href="http://dirkselzer.di.funpic.de/preisliste.html" alt="Koblenz" title="Preisliste">
    <area shape="rect" coords="840,515,1047,584"
          href="http://dirkselzer.di.funpic.de/kontakt.html" alt="Wiesbaden" title="Kontakt">
  </map>
</p>

</body>
</html>


nun zu meinem problem:

ich hatte die die zwei bereiche auf dem bild mit den koordinaten mit einem link versehen.
jetzt habe ich aber gemerkt dass die bereiche nur auf meinem bildschirm mit meiner auflösung an der richtigen stelle sind, und an einem anderen monitor mit anderer auflösung oder größe nicht mehr stimmen.
den grund verstehe ich schon, denn ich habe ja eingestellt dass das bild der startseite immer an die browsergröße
angepasst wird (width="100%" ).
dass würde ich auch gerne beibehalten.

die frage ist, kann ich die werte für den verlinketen bereich auch automatisch anpassen so dass sie immer an der richtigen stelle sind??

hier der link zu der homepage: Bodenverlegung Selzer

also dies ist meine erste hompage, bis jetz habe ich mir alles durch google beigebracht, aber an dieser stelle bin ich am scheitern...:sad:

ich hoffe ihr könnt mir weiter helfen:D


gruß tesa87
 
Werbung:
Dein Problem kannst Du nicht durch Weiterverwendung der ImageMap beheben. Du musst deine Seite grundsätzlich anders strukturieren. Dann kannst Du auch die einzelnen Bereiche einzeln Formatieren, an die gewünschten Stellen bringen etc. Dafür solltest Du dir CSS anschauen. Unsere Quellensammlung sollte weiterhelfen, ebenso wie viele Tutorials im Web die dabei helfen einen Einstieg in moderne Webseiten zu finden.
 
Zurück
Oben