Legende als Tabelle

CentrixDE · June 18, 2016 at 9:57 PM

Guten Tag,

ich habe hier zwar schon seit ca. 30 Minuten versch. Themen durchgelesen allerdings gerade mal ein vergleichbares Thema gesehen welches leider nicht geholfen hat da der einzige Link nicht mehr verfügbar ist. Daher versuche ich es hier einfach nochmal.

Zu meinem Problem: Ich habe eine Forenlegende und möchte diese nun ein wenig Strukturieren da die Auflistung nebeneinander nicht gerade ordentlich aussieht Wie kann ich diese in eine Tabelle "umformulieren" nur mit CSS? Ich habe bisher nur mit HTML & CSS gearbeitet weis aber nicht direkt wie ich das nur in CSS hinbekomme

Gruß
CentrixDE

Edit: Gibt es eine möglichkeit, dass ich die Legende auch immer in jedem Forum unten anzeigen lassen kann? Derzeit wird diese nur in der Forenauflistung angezeigt

Morik · June 18, 2016 at 10:17 PM

könntest folgendes nutzen:

Code

div.usersOnlineLegend > .dataList {
  width: 100%;
}
div.usersOnlineLegend > .dataList > li {
  width: 20%;
  text-align: center;
}
div.usersOnlineLegend > ul.dataList li:not(:last-child)::after {
  content: "";
}

CentrixDE · June 18, 2016 at 10:41 PM

Danke hat funktioniert Es gibt aber nicht zufällig eine Möglichkeit mit CSS noch eine Art Überschrift darüber einzubauen?

**Alexander Ebert** · June 18, 2016 at 10:43 PM Official Post

Geht alles, nur die Frage ist wo und was für eine Überschrift angezeigt werden soll.

CentrixDE · June 18, 2016 at 10:44 PM

Es geht nur um eine Überschrift über die jeweiligen Spalten damit ich diese Trennen kann(Community, Minecraft, Team, etc...)

CentrixDE · June 27, 2016 at 8:47 PM

Kann man eigentlich auch die Liste sortieren? Sprich die Ränge sollen sortiert vorliegen, sich allerdings nicht von der Priorität ändern?

Gruß
CentrixDE

Participate now!