Speisekarte mit Punkte zwischen Speisen und..........Preis

[Camping_RIDER]

Aloha ;)

ich möchte eine Speisekarte erstellen, in der Form, dass zwischen Speisen und Preis Punkte sind. Etwa so:

Fisch.....................12,50 €

Überbackene Nudeln.........3,50 €

Fleisch...................23,50 €

Wenn möglich mit CSS.

Geht das?

Klar. Es gibt dafür mehrere Möglichkeiten.

Die einfachsten, aber auch unsinnvollsten, sind die, in denen die Punkte durch ein eigenes HTML-Element repräsentiert werden - zum Beispiel durch eine Leerspalte in einer Tabelle, die einen entsprechenden unteren Rahmen bekommt. Die Tabelle hat auch noch andere Schwachpunkte.

Eine nette Möglichkeit bietet die dl-Liste mit entsprechendem Floating. Ein Beispiel habe ich dir mal schnell zusammengeschrieben.

Vorteil: Semantisch einigermaßen sinnvoll, kein Element nur für die Punkte.

Nachteil: Die Punkte sind durchgängig auch unter Bezeichnung und Preis.

Weiterer (ausgleichbarer) Nachteil: So kann man keine weitere dd-Eigenschaft hinzufügen (zum Beispiel um bei den überbackenen Nudeln klarzustellen, dass Rigatoni verwendet werden), da man schlicht den Preis nicht optimal selektieren kann. Das kann man allerdings umgehen, indem man den Preis-dd's einfach eine entsprechende Klasse mitgibt und diese dann selektiert.

Grüße,

RIDER