#1 29. Juli 2012 Guten Tag zusammen, ich stehe vor einem kleinen Problem, und zwar hole ich mir alle Hauptkategorien und die dazu gehörigen Unterkategorien aus meiner DB. Jetzt möchte ich sie wie folgt ausgeben: *Essen *Schlafen - a - a - b - b - c - c - usw - d - e *Trinken - usw - a - b *TEST - a wie kriege ich das automatich hin ? Es sind halt nicht immer gleich viele Unterkategorien. Sollen aber halt neben und untereinander die Kategorien. so wie hier nur nciht imemr gleich vieel Unterkategorien Alle Kategorien + Multi-Zitat Zitieren
#2 29. Juli 2012 AW: CSS: Kategorien auflisten Code: <div>Essen: <ul> <li>a</li> <li>b</li> ... </ul> </div> Beim div arbeitest du mit float. Wo genau ist dein Problem? + Multi-Zitat Zitieren
#3 29. Juli 2012 Zuletzt von einem Moderator bearbeitet: 14. April 2017 AW: CSS: Kategorien auflisten Das Problem liegt darin, wenn ich logischerweise mit float:left arbeite, dass wenn die Anzahl der Unterkategorie mal mehr oder mal weniger ist und ich drei Spalten nebeneinander hbae und mehrere untereinander das immer bei den Kategorien soviel luft dazwischern sit, wie die Kategorie mit den meisten Unterkategorien. s. Bild Download: Unbenannt.jpg | www.xup.in + Multi-Zitat Zitieren
#4 30. Juli 2012 Zuletzt von einem Moderator bearbeitet: 14. April 2017 AW: CSS: Kategorien auflisten Mit "float" alleine wirst du es nicht lösen können. Du benötigst folgende Struktur der Listen rotes Div = umfasst alles blaues Div = umfasst die Listen, welche untereinander stehen sollen grünes Div = die einzelnen Listen + Überschrift (Kategoriename) Nun musst du das blaue und grüne Div mit "flaot:left" versehen, dann sollte es klappen. Auch benötigt dass blaue und grüne Div eine feste Breite & die Eigenschaft "display:block". + Multi-Zitat Zitieren
#5 19. August 2012 Zuletzt von einem Moderator bearbeitet: 14. April 2017 AW: CSS: Kategorien auflisten Vielen Dank furr Deine Hilfe, aber wie realisiere ich das mit den ganzen Divs gerade mit den blauen bei der SQL Ausgabe in der Schleife ? + Multi-Zitat Zitieren
#6 24. August 2012 AW: CSS: Kategorien auflisten Kommt ganz darauf an, wie du die Hauptkategorien strukturieren würdest, damit ein "durcheinander" der Hauptkatgeorien das optische Ergebnis erzielt. Falls die Kategorien willkürlich angeordnet sein dürfen / sollen würde ich vorschlagen du schaust nach der Kategorie mit dem größten Inhalt und schaust welche anderen 2 oder mehr Kategorien je nachdem wie du magst zusammen "ungefähr" die selbe Menge haben wie das mit dem größten Inhalt. Aber bei dem durchlauf darfst du nicht vergessen, dass dabei bei ungeradener Anzahl der Hauptkategorien schon einmal vorkommen kann, dass eben viel Fläche unbenutzt ist, weil eben keine weitere Kategorie mehr verfügbar ist. Zur Denkweise: Kategorie A: 10; Kategorie B: 3; Kategorie C: 5 => Ungefähr gleiche Anzahl (+/-3) Die Kategorien B und C kannst du also als "blaues Div" sehen und die Kategorie A ebenso Jetzt kommt es nurnoch auf deinen Algorithmus an + Multi-Zitat Zitieren
#7 9. September 2012 AW: CSS: Kategorien auflisten ^^ Sehr gut erklärt. Habe mir die Seite mal gespeichert, falls ich selbst mal wieder auf das Thema zurückkomme. Vielen Dank + Multi-Zitat Zitieren