zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Verschachtelter Bildaufbau

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.03.2011, 17:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2011
Beiträge: 4
Rico88 befindet sich auf einem aufstrebenden Ast
Standard Verschachtelter Bildaufbau

Hi!

Ich habe da ein kleines Problem und hoffe ihr könnt mir helfen. Es ist ein wenig schwierig das Ganze gescheit zu beschreiben...
Also ich habe meine I-Seite mit Navigation. Sagen mir mal, in der Navigation steht als Beispiel Kreis A, Kreis B, Kreis C, Kreis D.
So nun möchte ich, das wenn der Nutzer also auf Button "Kreis A" drückt, eben ein Kreis erscheint. Das ist auch noch nicht mein Problem.
Nun möchte ich aber, wenn der Nutzer nun den Button "Kreis B" drückt, das ein zweiter kreis im ersten erscheint, also Kreis B in Kreis A. Das Gleiche mit Button "Kreis C". Wenn dieser gedrückt wird, soll ein dritter Kreis im 2. Kreis erscheinen. Ähnlich einer Matrjoschka Puppe.
Das Ganze habe ich auch hinbekommen, nur habe ich für jede neue Grafikmöglichkeit (also Kreis A, Kreis A mit B, Kreis A mit B und c, etc) eine eigene Hmtl Seite gemacht.

Nun endlich zu meiner Frage ^^
Ist es möglich diesen "Verschachtelten Bildaufbau" in ein bis zwei HTML Seiten zu packen? Denn mal angenommen ich habe insgesamt 30 Kreise, dann bin ich mit meiner Lösung bei hunderten von Html Seiten.

Danke schonmal im Vorraus, hoffe man kanns verstehen =)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.03.2011, 18:16
Neuer Benutzer
neuer user
 
Registriert seit: 02.03.2011
Beiträge: 26
vast befindet sich auf einem aufstrebenden Ast
Standard

das kann man in einer einzelnen Datei unterbringen, indem man die Bilder der Kreise zB innerhalb eines container-divs, das relativ positioniert wird, anordnet.

Dabei bräuchte jedes Kreis-Bild eine class oder ID das es identifitizert, zB:

HTML-Code:
<div id="container">
  <img id="kreis1" alt="" src="kreis1.png" />
  <img id="kreis2" alt="" src="kreis2.png" />
</div>
per CSS dann:
HTML-Code:
#container {
  position:relative;
  width: 400px;
  height:400px;
}
#container img {
   position:absolute; /*gilt f. alle imgs in #container*/
}
#kreis1 {
   top:20px;
   left:20px; 
   z-index:10;
}
#kreis2 {
   top:90px;
   left:90px; 
   z-index:20;
}
...so kann man dann per top/left den Abstand zum oberen und linken Rahmen bestimmen, also die Position innerhalb d. containers.

position:absolute; sorgt dafür, das die Elemente übereinander liegen können, und der z-index bestimmt die Reihenfolge - d.h. z-index:1 liegt ganz unten und z-index: 1000; ganz oben.

verständlich?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.03.2011, 18:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2011
Beiträge: 4
Rico88 befindet sich auf einem aufstrebenden Ast
Standard

damit hast du mir sehr sehr weitergeholfen!

Vielen Dank!
Mit Zitat antworten
  #4 (permalink)  
Alt 08.03.2011, 19:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2011
Beiträge: 4
Rico88 befindet sich auf einem aufstrebenden Ast
Standard

Ok jetzt müsste mir nur noch jemand sagen, wie man die Bilder in dem Container so mit der Navigation zusammenbaut, das ich die verschiedenen [B]einzelnen[B] Kreise per Mausklick erscheinen und verschwinden lassen kann.

Danke =)
Mit Zitat antworten
  #5 (permalink)  
Alt 08.03.2011, 19:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2011
Beiträge: 4
Rico88 befindet sich auf einem aufstrebenden Ast
Standard

hat sich erledigt =)
Mit Zitat antworten
  #6 (permalink)  
Alt 08.03.2011, 19:50
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
hat sich erledigt =)
Wie..?
Mit Zitat antworten
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
Sequentieller Bildaufbau MarcelFuerderer Site- und Layoutcheck 7 09.01.2011 20:57
Menü mit verschachtelter Liste Stefano CSS 9 26.11.2009 19:11
Bildaufbau beim Laden einer Seite Scheppertreiber Javascript & Ajax 0 29.01.2008 09:16


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:28 Uhr.