zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Positionierung von bildern in einem "hauptbild"?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.03.2007, 17:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.08.2006
Beiträge: 10
kevinklein befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.03.2007, 17:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

Ich hab nicht wirklich verstanden was Du genau willst, aber

Zitat:
Zitat von kevinklein Beitrag anzeigen
ich dachte man könnte irgentwie innerhalb EINES bestimmten divs absolute positionieren aber das scheint sich immer auf die ganze seite zu beziehen
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".
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.03.2007, 17:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.08.2006
Beiträge: 10
kevinklein befindet sich auf einem aufstrebenden Ast
Standard

<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
Mit Zitat antworten
  #4 (permalink)  
Alt 27.03.2007, 17:42
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

soweit positionierst Du die inneren DIVs absolut in ihrem Elternelement. Aber das align="center" bitte gleich wieder wegmachen. Zentrieren tut man anders.

Zitat:
Zitat von kevinklein Beitrag anzeigen
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...
Das ist aber keine CSS Lösung! Schau Dir die Seite mal ohne aktiviertes JavaSript an.

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 27.03.2007, 17:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.08.2006
Beiträge: 10
kevinklein befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #6 (permalink)  
Alt 27.03.2007, 17:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

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).
Mit Zitat antworten
  #7 (permalink)  
Alt 27.03.2007, 17:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.08.2006
Beiträge: 10
kevinklein befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #8 (permalink)  
Alt 27.03.2007, 18:17
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

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)!
Mit Zitat antworten
  #9 (permalink)  
Alt 27.03.2007, 18:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.08.2006
Beiträge: 10
kevinklein befindet sich auf einem aufstrebenden Ast
Standard

Dankeschön scheint zu funktionieren... werde dann nacher ein paar tests schreiben danke danke danke

MFg Kevin
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:22 Uhr.