|
|||
Ein Bild per CSS auf andere Grafik
Guten Morgen zusammen,
ich bin hier im Forum neu und könnte eure Hilfe gebrauchen. Ich bin noch ein relativer Neuling was CSS angeht. Meine Umsetzungsidee: Ich habe eine Grafik, die als Startbild dient. Auf diesen Bild sieht man verschiedene "Räume", die man anklicken kann. (umgesetzt mit Imagemaps) Jetzt möchte ich noch eine weitere Grafik in den Raum stellen. Diese soll sich mit einem MousOver dann auch bewegen. Sprich ein Männchen, das in dem Raum steht und wenn man drüber fährt, dann soll es sich animieren. Den Mousover habe ich auch hinbekommen. Mein Problem ist jetzt nur noch, die Grafik in den Raum zu stellen. Also so, dass die Grafik auf meiner Hauptgrafik drübergestellt wird. Ich habe keine Ahnung, wie ich das am besten umsetzen soll. Könnt ihr mir da Tipps geben? |
Sponsored Links |
|
||||
|
Sponsored Links |
|
|||
Ich habe das ganze jetzt eingefügt. Sprich ein Hintergrund und mit dem Stylesheets auf die Grafik. Klappt wunderbar.
Nur das Problem ist, das sich je nach Auflösung des Bildschirms bzw größe des Browser die Grafik an eine andere Person befindet. Wie kann ich die Figur fest machen, damit sie egal wie groß das Browserfenster ist, immer an der gleichen Stelle bleibt? Wenn ich die Position auf relative stelle, dann ist die Grafik leider nicht mehr auf das Bild, sondern unter das Bild.. Geändert von FrankWest (02.11.2011 um 12:48 Uhr) |
|
|||
Dir scheint der Unterschied zwischen relativer und absoluter Positionierung noch nicht klar zu sein, oder? Lies dich bitte erstmal in das Thema ein, jeder weitere Lösungsansatz führt sonst zu nichts...
__________________
jQuery Board - Das deutsche jQuery Forum |
|
|||
Okay.. hab auch gemerkt, das es gar nicht daran lag, sondern an die Hintergrundgrafik. Diese bewegt sich, die Figur bleibt ja stehen.
Jetzt muss ich nur noch eine gute Lösung finden, damit die Grafik in der Mitte ist und die Grafik dennoch nicht beim verändern des Browsers sich verschiebt. |
|
|||
Soweit verstehe ich das!
Mein Problem ist, das wenn ich das Bild ganz einfach als Hintergrund definieren würde, dass dann das Imagemap nicht mehr funktioniert. Damit tue ich mir schwer. Und soweit ich das mitbekommen habe, kann ich keine Imagemaps auf Backgrounds positionieren. Wisst ihr was ich meine? |
|
|||
Ich hab hier mal das Beispiel hochgeladen..
http://testuser.speedit.org/bb/ Die Grafiken habe ich ersetzt. Die Habbo-Comic-Grafik soll den Raum darstellen. Die Imagemaps sind natürlich jetzt nicht angepasst, aber normalerweise sind die dann auf verschiedene Gegenstände gesetzt. (Türen, Fenster etc) Und die GIF von Garfield soll die Person darstellen. Wenn man nicht mit der Maus drüber fährt, bewegt sie sich nicht. Und sobald man drüber fährt, bewegt sie sich. So und nachdem ihr die Datei in eurem Browser geöffnet habt, dann verschiebt mal die größe und schaut, was passiert.. PS.: Der Code ähnelt einer Schlammschlacht, da ich sehr viel ausprobiert habe. Wenn ich die Lösung habe, werde ich das natürlich nochmal sauberer machen. Geändert von FrankWest (03.11.2011 um 12:13 Uhr) |
Sponsored Links |
|
||||
Zitat:
Mit der Aussage war gemeint: besorg dir einen Webserver und lade die Seite da hoch. Dazu folgendes Suchwort: "Freehoster".
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Dynamisches CSS per Server? Oder client? Oder wie? | andir | CSS | 4 | 25.11.2010 13:20 |
Grafik in externer CSS | Cu Chullain | CSS | 11 | 27.03.2008 23:13 |
Bilder einblenden per CSS | uha | CSS | 5 | 21.01.2008 16:27 |
css und grafik ??? | cd | CSS | 5 | 20.02.2004 17:34 |