[HTML/PHP] Verweis-sensitive Grafiken oder änliches

Allo

Lt. Commander
Dabei seit
Feb. 2004
Beiträge
1.064
[html/php] Verweis-sensitive Grafiken oder änliches

ich möchte mir eine Landkarte erstellen, die aber nicht im Vordergrund ist, wie bei den "Verweis-sensitive Grafiken", sondern eher im Hintergrund.

Das stelle ich mir so vor:
Da von Zeit zu Zeit immer neue Burgen auf dieser Karte entstehen muss es eine nicht veränderbare Karte geben, auf die später die kleinen Burgen(die Bilder die im Vordergrund seien müssen ;)) aufgesetzt werden.
Diese Karte wird dann in eine PHP-Datei integriert, so dass die Burgen schön auf der Karte verteilt werden.
Es sollte möglichst nicht die ganze php-seite einen Hintergrund haben, sondern nur die 400x400 pixel, die die Karte darstellen.


ich hoffe, es kann mir hier jemand helfen

mfG,
Allo
 
Re: [html/php] Verweis-sensitive Grafiken oder änliches

Das ist eigentlich ganz einfach. Dazu definierst die Karte als Hintergrundbild, jedoch mit zusätzlichen Attributen, was dann etwa so aussehen könnte:
<body background="karte.jpg" style="background-repeat:no-repeat; background-position:0px 60px;">

Die Karte wird somit nicht gekachelt, sondern nur einmal dargestellt. Zudem wäre sie in diesem Beispiel noch 60 Pixel vom oberen Rand entfernt. Somit kannst sie eigentlich frei positionieren.
 
Re: [html/php] Verweis-sensitive Grafiken oder änliches

machst ein Bild und legst darüber in höheren Ebenen die Burgen als transparente GIFs
 
Re: [html/php] Verweis-sensitive Grafiken oder änliches

Zitat von Loopo:
machst ein Bild und legst darüber in höheren Ebenen die Burgen als transparente GIFs

wie? :rolleyes: genau das war es, was ich machen will, konnte mich nur nicht richtig ausdrücken

@FH16
schon mal danke, ich werde es gleich einmal ausprobieren
 
Also das mit den Ebenen geht so:
<img src="burg.gif" style="position:absolute; top:160px; left:200px; z-index:2">

Je grösser der z-index, um so weiter im Vordergrund ist das Bild. Allerdings musst das gar nicht speziell definieren. Weil wenn du zwei Bilder nacheinander definierst und beide absolut positioniert sind, ist das zweite Bild automatisch über dem ersten. Heisst: wenn du zuerst den Hintergrund absolut positionierst und darunter die Burgen, dann werden die in jedem Fall vorne sein.
 
Zitat von FH16:
Also das mit den Ebenen geht so:
<img src="burg.gif" style="position:absolute; top:160px; left:200px; z-index:2">

Je grösser der z-index, um so weiter im Vordergrund ist das Bild. Allerdings musst das gar nicht speziell definieren. Weil wenn du zwei Bilder nacheinander definierst und beide absolut positioniert sind, ist das zweite Bild automatisch über dem ersten. Heisst: wenn du zuerst den Hintergrund absolut positionierst und darunter die Burgen, dann werden die in jedem Fall vorne sein.

super, jetzt wusste ich endlich nach was ich suchen musste. Aber dein <img>tag funktionierte bei mir nicht deswegen habe ich es folgender maßen gemacht:

<div style=" top:70px; left:40px; z-index:1;">
<img src=<?php echo $Karteklein ?> width="400" height="400" border="0" alt="Karte"></div>

<div style="position:absolute; top:160px; left:200px; z-index:2;">
<td><a href="http://allo"><img src="Karte/burg.gif" width="20" height="20" border="0" alt="Burg"></a></td></div>

klappt perfeckt :)
 
Zurück
Top