Map erstellen - wie gehts?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
absolut positionieren
bauen
bild
container
dank
gemacht code
grafik
hintergrund
http
idee
koordinate
merken
positionieren
rein url
sache
setzen
tabelle
url
verwendung
vordergrund
-
Hey Leute,
ich wa eben dabei eine Map zu erstellen, hatte sie als erstes einfach nur mit den Bildern zusammengesetzt,
dann habe ich alles in eine Tabelle gesteckt mit ich auch Koordinaten haben kann und jetzt denke ich mir wie ich die übereinander machen kann, also wen ich eine andere Grafik habe die "über" die andere geht. Man könnte diese bestimmt einfach mit CSS Positionieren aber wofür dann die Tabelle? Und jetzt füllt sich mein Kopf mit ganz vielen Problemen dieser Art, Zum Beispiel auch wie ich überhaupt die Koordinaten Angebe, ich stelle mir das ungefähr vor wie bei Die Stämme (die alten Karten).
Also meine Frage ist jetzt, wie würdet ihr das machen? Mit HTML-Tabelle oder mit CSS Positionieren? Obwohl beides nicht wirklich das wahre in meine Augen ist weil ich kann ja auch nicht wen ich eine Map die von x -500 y -500 bis x 500 y 500 geht jede einzelne Grafik Positionieren.
Wie habt ihr das gemacht oder wie würdet ihr das machen?
LG
Michael -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hallo,
Ich habe das in etwa so gemacht:
<td background="ABC.png"> <img src="XYZ.png"> </td>
ABC.png = Hintergrund
XYZ.png = Vordergrund
So kannst du zwar nur zwei Bilder aufeinander Setzen, aber immerhin geht es so recht einfach.
MFG THWBM -
Uff, ich schmeiß mal denk Link rein: http://de.html.net/
Das solltest du einfach mal von 0 Durcharbeiten, mindestens das CSS Tutorial. Dann kannste dannach mit Absoluten und Relativen Positionierungen das ganze entsprechend zusammen bauen. Und hier sind wir auch schon da, wie ich es bauen würde: Die Container relativ und absolut positionieren, entsprechend dann mit einem z-index und die Sache ist gegessen :)
Liebe Grüße -
Da das ganze hier eher um HTML geht verschoben nach HTML, CSS & Javascript
-
Evtl bietet sich hier auch die Verwendung von einer ImageMap an....http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm
-
Danke für die schnellen Antworten.
thwbm schrieb:
Hallo,
Ich habe das in etwa so gemacht:
<td background="ABC.png"> <img src="XYZ.png"> </td>
ABC.png = Hintergrund
XYZ.png = Vordergrund
So kannst du zwar nur zwei Bilder aufeinander Setzen, aber immerhin geht es so recht einfach.
MFG THWBM
In erster Linie finde ich die Idee super :D aber ich vermute das es schon so sein wird das irgendwann vielleicht drei Grafiken übereinander sein werden. Diese Idee will ich mir auf jeden Fall merken, wen ich nichts besseres finde mach ichs auf jeden so ;)
ggamee schrieb:
Uff, ich schmeiß mal denk Link rein: http://de.html.net/
Das solltest du einfach mal von 0 Durcharbeiten, mindestens das CSS Tutorial. Dann kannste dannach mit Absoluten und Relativen Positionierungen das ganze entsprechend zusammen bauen. Und hier sind wir auch schon da, wie ich es bauen würde: Die Container relativ und absolut positionieren, entsprechend dann mit einem z-index und die Sache ist gegessen :)
Liebe Grüße
Danke, aber ich beherrsche eigentlich ziemlich gut CSS, HTML und PHP. Die Idee ist mir auch eben eingefallen, aber erst nachdem ich hier das geschrieben habe :) danke trotzdem ^^"
imho schrieb:
Evtl bietet sich hier auch die Verwendung von einer ImageMap an....http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm
ImageMap könnte ich mir nicht vorstellen, weil ich mir denke was ist wen ich dann net fette map habe, wen man das aus vielen Grafiken zusammenbasteln würde dann sind vielleicht allerhöchstens 50 32 x 32 pix Grafiken zu laden, aber wen mans so macht ^^° da brauch man ja Jahre zum laden :D Für was kleineres finde ich die Idee auch gut ;) Muss ich mir auch merken :D fällt mir sogar schon dir reckt was ein :P
LG
Michael -
Und als SVG Datei?
Eine Deutschlandkarte mit den markierten Bundesländern hat nicht mal 1kbyte und ist ja ähnlich einer ImageMap -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
