|
|||
Positionierung von bildern in einem "hauptbild"?
Hallo ich brauche hilfe da ich nicht weiter weiß...
ich hoffe das dies das richtige Forum ist! Mein Problem ich habe vor ein Simplen Atlas zu machen der jedoch dynamisch sein soll, Das soll Inhalt sein: Eine deutschland karte durch klick über admin menü auf karte werden Coordinaten ausgelesen und man kann dann Name, Standort und Link dieses Standortes eingeben... bis hierher ist alles kein Problem denn mein Problem ist es kleine gifs auf dieser map zu platzieren die dann ein standort darstellen... ich habe die gesamte seite in 2 divs eingeteilt einmal 1 für die ganze seite und ein untergeordnetes welches den bereich des Bildes hat... ich dachte man könnte irgentwie innerhalb EINES bestimmten divs absolute positionieren aber das scheint sich immer auf die ganze seite zu beziehen ... hat jemand noch eine idee was ich machen kann? danke im voraus mfg kevin |
Sponsored Links |
|
|||
Ich hab nicht wirklich verstanden was Du genau willst, aber
wenn ein absolut positioniertes Element sich in einem Element mit relativer Positionierung (keine weiteren top/left-Angaben nötig) befindet, dann richtet es sich absolut nach dem Elternelement aus, nicht nach der "ganzen Seite". |
Sponsored Links |
|
|||
<div>
<div align="center" style="left: 100px; position:relative;" > <div style="position: absolute ; top: 0px ; left: 0px;" ><img src="asd.gif" /> </div> <div style="position: absolute ; top: 0px ; left: 0px;" ><img src="asd.gif" /> </div> <img src="map.jpg" /> </div> </div> und was will ich... pbhub.de paintball atlas ist nur viel detailierter... meine karte vond eutschland befindet sich wie du sehen kannst in der mitte... mfg kevin wär dankbar... und hab versucht das übergeordnete div relativ zu machen ging nicht |
|
|||
soweit positionierst Du die inneren DIVs absolut in ihrem Elternelement. Aber das align="center" bitte gleich wieder wegmachen. Zentrieren tut man anders.
Zitat:
Ein einfaches (bzgl. der Ansicht, weniger bzgl. des Codes) Beispiel einer CSS-Map kannst Du hier ansehen: Stu Nicholls | CSSplay | Image map Dort wirst Du aber keine Infos "auslesen" können. Jedes hover ist pixelgenau definiert. CSS ist keine Programmiersprache, daher ist das von Dir angegebene Beispiel auch mit JS realisiert. |
|
|||
Hehe ja ich weiß aber das positionieren der Bilder über das Hauptbild... müsste funktionieren und nur das will ich mit css realisieren... die Hover effekte sind ein ganz anderes Kapitel Ich weiß das ich das nicht alles mit CSS realisieren kann jedoch positioniren möchte ich es gerne damit
wie würdest du den bereich in die mitte stellen... hab auf die schnelle nigs anderes gefunden und funktionieren tuts MFG Kevin |
|
|||
zentrieren von Blockelementen per CSS geht mit margin: 0 auto; (eine Breite kleiner 100% vorausgesetzt, sonst ist "auto" für links und rechts ja hinfällig).
|
|
|||
hmmm habs gemacht jedoch geht es nicht ist nicht in mitte
TEST - Underground Atlas aber die positionierung geht nun... ka warum aber sollte schon in mitte sein - scheint zumindest als funktioniere es mfg kevin Geändert von kevinklein (27.03.2007 um 18:03 Uhr) |
|
|||
Wie ich schon schrieb darf das zentrierte Element nicht 100% Breite einnehmen. Du vergibst keine Breite benutzt aber eine left-Angabe für die relative positionierung. Lass left-Anagbe weg, gib dem Ding ne Breite und nutze margin: 0 auto;
Deutlicher wirds mit Border und/oder Hintergrundfarben. Und validieren hilft (siehe FAQ-Thread, letzten Beitrag)! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Positionierung z-index und IE | Blub | CSS | 4 | 09.12.2007 16:51 |
Barrierefreiheit - Absolute Positionierung | dbub | Barrierefreiheit | 19 | 13.06.2007 17:58 |
Positionierung von Bildern bei geringerer Auflösung verschieben sich | tetrismaster | (X)HTML | 4 | 25.04.2007 13:48 |
Problem mit Positionierung von Bildern die umflossen werden! | WebPSM | CSS | 9 | 14.10.2005 23:39 |
Positionierung von Bildern aus XSL Rekursion | skribi | CSS | 1 | 13.05.2005 21:23 |