Tabelle im Dropdown-Menue ersetzen

[WildO]

Auf http://www.ihff.de/layout/test/index.html ist Verbesserungspotential erkennbar:

Das drop-down-Menue funktioniert, bei roll-over Ahnen -> Namen wird eine ABC-Auswahlfläche eingeblendet. Diese ist im Tabellendesign gestaltet.

Der alte Zopf mit tr td ist noch nicht restlos abgeschnitten.

Ideen, wie dieser Teil mit li ul so zu sagen im echten CSS umgesetzt werden kann, nehme ich gern entgegen.

Im Quelltext der index.html sind Kommentare enthalten, css ausgelagert.

 

[Jan-Frederik Stieler]

Hi,
also grundsätzlich sind Tabellen schon noch erlaubt, eben bei Inhalten die semantisch in eine Tabelle gehören.
Mittels CSS kannst du aber auch alle HTML-Elmente ins Tabellen umwandeln über Display: table bzw. table-cell etc.
http://www.css4you.de/display.html

ul {
  display: table;
  width: 500px;
}

li {
  display: table-cell;
  table-layout: fixed;
  border-spacing: 5px;
}

Hier aber bedenken das es erst ab IE8 funktioniert.

Aber deine gewollte Lösung sollte eigentlich auch mittels Float gelöst werden können.

Viele Grüße

 

[WildO]

Danke, mit floats bin ich unsicher. 6x4=24 div-container. Hab auch noch keinen passenden Generator gefunden, der meine ABC-Auswahl generiert. Als Tabelle läuft es wunschgemäß, ist aber mE ein alter Zopf.

 

[Jan-Frederik Stieler]

Hi,
du solltest aber keine Divs verwenden, sondern eine Unsorted List, da es sich semantisch um ein Menü handelt.
Und warum benötigst du einen Generator um eine abc-Liste zu generieren und warum hast du so Angst vor dem Float?

Hier mal ein Beispiel: http://jsbin.com/ARAWufE/2/edit

Viele Grüße