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

Verweis-sensitive Grafiken

Status
Für weitere Antworten geschlossen.
R

raffy

Neues Mitglied
Moin,
bin grad bei der Gestaltung einer Homepage für meine Hobby-Fußballtruppe..
auf jeden Fall hab ich als Linkmenü einen Banner erstellt der eben die Links beinhaltet. Habe diese dann mit der Methode der Verweis-sensitiven Grafiken verlinkt.

Hierbei gibt es jedoch das Problem das nur bei richtiger Bildschirmauflösung die Verlinkung funktioniert. Ist sie zu hoch oder zu niedrig klappt es nicht!

Gibt es Alternativen hierfür bei denen die Auflösung egal ist?

Danke für mögliche Antworten.
gruss
 
Wenn dein Bild nicht auf eine bestimmte größe festgelegt ist (width und height) musst du wohl oder übel dein Banner zerschneiden, und um den jeweiligen Bereich ein Link legen.
 
hab als breite und höhe 100% angegeben, das bild erstreckt sich dann m gesamten frame.

wie meinste das mit zerschneiden und nen link drum legen?
danke schonma
 
Also dein Problem ist, eben, dass du das Banner streckst.
Deine Map streckt sich aber nicht mit, sondern bleibt auf den Koordinaten, die du diesem mitgeteilt hast.
Einfachste Variante wäre es, dass du das Banner nicht auf 100% deines Bereiches streckst, sondern auf 100% des Banners.
Dann kannst du auch die Map anständig nutzen.

Ansonsten musst du dein Bild "slicen".
Heißt also, dass du mehrere kleine Bilder daraus machen musst.
Diese Bilder musst du dann wieder auf deiner Seite zusammenfügen. Also an der richtigen Stelle einsetzen. Um die Bereiche, wo du deine Links haben möchtest, machst du dann ein <a> um das kleine Bild herum.

Beispiel:
Code: 
<img src="bild1.jpg">
<img src="bild2.jpg">
<a href="hauptseite.htm"><img src="bild3.jpg"></a>
...
 
also ich soll meinen banner auf 100% des banners strecken? das würde doch heissen das sich bei höhern auflösungen das bild ständig wiederholt bzw..der frame nicht ausgefüllt ist. bei niedrigeren eben umgekehrt oder liege ich da falsch...?

hier guckst die doch ma an: SSC Los Confusos ´07
 
Ich würde das Banner und das Menü voneinander trennen. Und das Bannerbild auf 100% zu strecken ist keine gute Idee, finde ich. Wenn man die Größe des Browserfensters ändert, verzerrt sich alles.

Mach im Kopfbereich Deiner Seite einen Container, in den Du dein Banner als Hintergrund legst. Darin mach eine Liste mit den Menüelementen. In den einzelnen Listenelementen kannst Du ja denn nochmal die Menüpunkte als Bilder einfügen.

Meine Empfehlung an Dich ist; Verzichte auf die Frames weil guckst Du hier:
Dein oberer Frame allein aufgerufen
dein unterer Frame alleine aufgerufen
Manchmal passiert es, das z.B. Google nur einzelne Frames indiziert, und dann passiert so etwas.
 
Also erstma danke für die Antwort grünspan. nun musst du aber wissen das ich extremer anfänger bin, faul, und mich eigentlich garnicht wirklich für den kram interessiere.
das heisst ich hab das mit den frames inne schule gelernt...und damit geb ich mich zufrieden. das sich bei änderung des browserfenster alles verzerrt finde ist nicht so wild da eh nur eine begrenzte zahl von leuten die seite besuchen werden von daher ist mir das mit google auch egal^^

ich suche also nur eine lösung für mein problem mit der map....
viel dran arbeiten will ich jetzt nicht mehr...

also wem eine einfache, schnelle lösung einfällt einfach melden...

ansonsten werde ich wohl eine version für niedrige und eine für hohe auflösungen machen...so erreich ich denke ich alle die, sie seite besuchen werden. nur gefallen tut mir diese lösung einfach garnicht.
trotzdem noch ma danke vll hät ich vorher meine situation beschreiben sollen.

so long
raffy
 
Die einige Möglichkeit die ich sehe ist, die Grafik nicht auf 100% zu setzen. Dann verschieben sich auch nicht die Menüpunkte unter den "hotSpots" .
Hier mal meine kleine Überarbeitung.
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>navigation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

<img border="0" src="Banner1.jpg" usemap="#Banner">
<map name="Banner">
  <area shape="rect" coords="426,63,625,79" href="#">
  <area shape="rect" coords="217,63,412,79" href="#">
  <area shape="rect" coords="29,63,204,79" href="#">
  <area shape="rect" coords="645,63,843,80" href="#">
  <area shape="rect" coords="855,63,1055,78" href="#">
  <area shape="rect" coords="1072,63,1271,85" href="#">
</map>

</body>
</html>
In deinem Code fehlt übrigens so einiges an Tags. z.B. HTML-Grundgerüst, schließendes BodyTag ect.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben