Dirk: Button-Beschriftung 'unscharf'

Ich möchte einem Button eine Beschriftung geben, doch wenn ich eine kleine Schriftgröße wie font-size:0.7em; setze, wird die Schrift nicht nur klein (eigentlich hat sie die gewünschte Größe), sie wird auch unleserlich durch eine Art Schatten. Wie kann ich also eine Button beschriften, so dass die Schrift noch gestochen scharf bleibt (auch wenn die Schriftart klein ist)?

Nebenbei kennt der IE scheinbar max-width und min-width nicht. Kann ich dem IE trotzdem dieses Verhalten irgendiwe beibringen?

Style:
#buttonMenue td button
{
    text-align:center;
    min-width:100px;
    max-width:120px;
    width:120px;
    border:1px solid grey;
    /* font:small-caption; */
    font-size:0.5em;
}

<button name="test" value="Das ist ein Test." >
    Das ist ein Test.
</button>

Vielen Dank,
Dirk

  1. Tachchen!

    Wie kann ich also eine Button beschriften, so dass die Schrift noch gestochen scharf bleibt (auch wenn die Schriftart klein ist)?

    Wenn die Schift so klein ist, dass sie mit browserinternem Anti-Alias
    "matschig" wird, ist sie im Zweifel schlicht zu klein.
    Als Alternative gäbe es Grafikbuttons ohne Anti-Alias ...
    ... allerdings mit massig Nachteilen verbunden!

    Nebenbei kennt der IE scheinbar max-width und min-width nicht. Kann ich dem IE trotzdem dieses Verhalten irgendiwe beibringen?

    Hier könnte dein Stichwort "expressions" lauten, auch die sind allerdings
    mit Vorsicht zu genießen.

    Gruß

    Die schwarze Piste

    --
    ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
    Smartbytes Webdesign in Oberhausen
  2. Hallo.

    doch wenn ich eine kleine Schriftgröße wie font-size:0.7em; setze, wird die Schrift nicht nur klein (eigentlich hat sie die gewünschte Größe)

    Eigentlich ist 1em die gewünschte Größe.
    MfG, at