Speisekarte mit kleinen Punkten...

So soll es aussehen...

Grillhappen "Art des Hauses" .............................. 5,20
Buttermilchgetzen mit Schwammerahm und Preiselbeeren ...... 5,80

1. Und so sieht's aus

Realisiert mit :before und :after {content:...}. Problematisch, wenn man mal die Schriftgröße ändert. Skaliert schlecht. Außerdem geht's natürlich nicht im IE.

2. Andere Möglichkeit

Grillhappen "Art des Hauses" 5,20
Buttermilchgetzen mit Schwammerahm und Preiselbeeren 5,80

Mit einer Hintergrundgrafik mit Punkten, die dann über die gesamte Breite des Textes gekachelt wird. Damit die Punkte im Bereich des Textes nicht sichtbar sind, wird der Text dann mit einer Hintergrundfarbe unterlegt, die dann die Punkte verdeckt. Geht auch im IE. Mit " white-space: nowrap;" für table im css werden Probleme beim Skalieren beseitigt.

3. Möglichkeit (von Heiko Kürschner)

Grillhappen "Art des Hauses"

5,20

 


Buttermilchgetzen mit Schwammerahm und Preiselbeeren

5,80

 


.gericht3 floated links, .preis3 floated rechts, .filline bekommt die Punkte per border-bottom:dotted. Die Punkte werden durch .link {border:white} wieder überschrieben.