nicht angemeldet
Hallo!
Ich arbeite an einem Akkordeonmenü mit Mootools:
http://vok.dyden.de/mootools/moo.html
Eine Anzahl fälliger Vokabeln soll in einem kleinen Quadrat (28*28px) angezeigt werden. Diese Anzahl Ziffern variiert von 1-3 stellig.
Das Quadrat ist kein Blockelement, danach kommt Text (der angezeigt wird, wenn sich dieser Akkordeonteil öffnet.
Ich möchte, dass die Zahl den vorhandenen Platz immer optimal ausnutzt. Wichtig ist vor allem, dass sie breit genug ist, damit nicht der Text danach angezeigt wird (bei geschlossenem Menü).
Ich wollte das ursprünglich über eine font-size, die mit der Ziffernzahl korrespondiert realisieren.
if(zahl<10) anzahlfaellig.setStyle('font-size','25pt'); //mootools syntax, ist aber verständlich hoffe ich
else if (zahl>99) anzahlfaellig.setStyle('font-size','13.5pt');
else anzahlfaellig.setStyle('font-size','20pt');
}
Nun sind einstellige Zahlen aber sehr schmal, so dass eine Breite von 28px kaum erreicht werden kann.
Außerdem hat eine Veränderung der Schriftgröße auch immer eine Auswirkung auf die vertikale Lage des nachfolgenden Texts.
Kann ich das irgendwie realisieren, ohne immer kleine Zahlen zu benutzen und ohne eine PHP-erstelle Grafik einzubinden? Es ist zwar nur eine kleine Spielerei, aber ich will nicht so schnell aufgeben.
Eine Hilfe wäre auch schon, wenn ich die vertikale Lage des Resttextes irgendwie unabhängig von dem Anzahl-Span machen könnte.
Wie ist das mit fixed-width fonts wie Courier? Macht das einen Unterschied? Ich hatte den Eindruck, dass sich bei Arial an der Breite (bei Zahlen!) nichts tut.
Vielen Dank für jede Hilfe,
Ruben