INPUT-Feld mit CSS formatieren

[Tim]

Hallo,

Möchte Input-Feld so formatieren, dass es Verdana als Schrift benutzt. Wenn ich:

INPUT {
 font-family : Verdana, Arial, Helvetica, sans-serif;
}

mache, dann sieht das Ergebnis in N4.7 katastrophal aus. Irgendwie stellt N4.7 das ganze nicht richtig dar (siehe Link), indem es das Input-Feld horizontal wahnsinnig gross darstellt, obwohl die Breite des Feldes auf 50 Pixel reduziert ist.

Wie formatiere ich also das Input-Feld mit CSS korrekt, damit es in N4 auch richtig dargestellt wird?

Ich hoffe, es kann mir jemand behilflich sein. Vielen Dank schon mal im Voraus!

Liebe Grüsse,
Tim

[MudGuard]

Hi,

mache, dann sieht das Ergebnis in N4.7 katastrophal aus. Irgendwie stellt N4.7 das ganze nicht richtig dar (siehe Link), indem es das Input-Feld horizontal wahnsinnig gross darstellt, obwohl die Breite des Feldes auf 50 Pixel reduziert ist.

Wo? Auf der angegebenen Seite befindet sich nur ein
<input type="text" name="outtext" size="50" maxlength="50">

Und da wird das Feld auf 50 Zeichen Breite gesetzt. Nicht auf 50 Pixel.

Siehe auch im Standard:
size = cdata [CN]
    This attribute tells the user agent the initial width of the control. The width is given in pixels except when type attribute has the value "text" or "password". In that case, its value refers to the (integer) number of characters.

cu,
Andreas

[Tim]

Wo? Auf der angegebenen Seite befindet sich nur ein
<input type="text" name="outtext" size="50" maxlength="50">

das stimmt. ich hab mich verschrieben, 50 breite stimmt, nicht 50 pixel. aber hast du die page mal in netscape 4.7 angeschaut? da wird das input-feld doch total breit dargestellt, was das design auseinanderreisst. (netscape 7 und IE 4.x > wird richtig dargestellt.)

Siehe auch im Standard:
size = cdata [CN]
    This attribute tells the user agent the initial width of the control. The width is given in pixels except when type attribute has the value "text" or "password". In that case, its value refers to the (integer) number of characters.

was meinst du mit cdata? wo sollte ich das hintun?

danke dir!!!

gruss, Tim

[MudGuard]

Hi,

Wo? Auf der angegebenen Seite befindet sich nur ein
<input type="text" name="outtext" size="50" maxlength="50">
das stimmt. ich hab mich verschrieben, 50 breite stimmt, nicht 50 pixel. aber hast du die page mal in netscape 4.7 angeschaut? da wird das input-feld doch total breit dargestellt, was das design auseinanderreisst. (netscape 7 und IE 4.x > wird richtig dargestellt.)

Netscape 4.x hab ich nicht (mehr). Aber vermutlich benutzt der Netscape 4.x eine größere Schrift, womit natürlich auch der Platz für 50 Zeichen größer ausfällt...

Siehe auch im Standard:
size = cdata [CN]
    This attribute tells the user agent the initial width of the control. The width is given in pixels except when type attribute has the value "text" or "password". In that case, its value refers to the (integer) number of characters.

was meinst du mit cdata? wo sollte ich das hintun?

ICH meine damit gar nichts. Das ist ein Zitat aus dem Standard, der die Attribut-Definition beschreibt.
cdata ist der Datentyp des size-Attributs.
Und Du mußt das nirgendwo hintun...

cu,
Andreas