XHTML Form Inputfeld Länge ändern

  • XHTML Form Inputfeld Länge ändern

    Hallo,

    ich habe hier ein kleines Problem in meinem Quellcode:
    XHTML:

    Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/XHTML1/DTD/shtml1-transitional.dtd">
    2. <html>
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8856-1" />
    5. <link rel="shortcut icon" href="images/icon.png"/>
    6. <link rel="stylesheet" type="text/css" href="styles.css" />
    7. <title>Titel</title>
    8. </head>
    10. <body>
    11. <div id="wrapper">
    12. <form method="post" action="mailto:ich@mir.de" enctype="text/plain">
    13. Vorname: <input class="text" type="text" name="vorname" value="Ihr Vorname" />
    14. <br />
    15. Passwort: <input class="text" type="password" name="passwort" />
    16. <br />
    17. Hinweis: <input id="hint" type="text" name="hinwies" value="Bitte f&uuml;llen Sie das Formular vollst&auml;ndig aus" readonly="readonly" />
    18. </form>
    19. </div>
    20. </body>
    21. </html>
    Alles anzeigen


    CSS:

    Quellcode

    1. #wrapper {
    2. margin: 0 auto;
    3. width: 900px;
    4. font-family: sans-serif;
    5. font-size: 0.9em;
    6. }
    8. a:link {
    9. color: #333333; text-decoration: none;
    10. }
    12. a:visited {
    13. color: #333333; text-decoration: none;
    14. }
    16. a:hover {
    17. color: #000000; text-decoration: underline;
    18. }
    20. a:active {
    21. color: red; text-decoration: none;
    22. }
    24. a {
    25. cursor: pointer;
    26. }
    28. .text {
    29. margin-top: 2px;
    30. margin-bottom: 2px;
    31. }
    33. #hint {
    34. margin-top: 2px;
    35. margin-bottom: 2px;
    36. }
    Alles anzeigen


    Mein Problem ist nämlich, dass ich die Länge der Inputfelder nicht über die externe CSS-Datei einstellen kann. Dass klappt nur dann, wenn ich die Länge direkt hinter name="..." oder readonly="readonly" schreibe und wenn ich keine Klasse für die Inputfelder definiert habe. Ich möchte dies aber lieber in der externen CSS-Datei einstellen. Ist da irgendein Fehler in meinem Quelltext?

    MfG,

    Alpha_Delta
    „Wer einen Fehler gemacht hat und ihn nicht korrigiert, begeht einen zweiten.“ -- Konfuzius

  • n0x-f0x schrieb:

    keine Ahnung ob es daran leigt aber XHTML ist XML und deswegen fängt dein Dokument ein wenig anders an

    Quellcode

    1. <?xml version="1.0" encoding="UTF-8"?>
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4. <html xmlns="http://www.w3.org/1999/xhtml">

    Daran lag es leider nicht, aber danke für den Hinweis.

    js.spaceher0 schrieb:


    Hey,

    wenn du in deinem Style Sheet dies hier einfügst, dann kannst du die länge der Inputfenster verändern.

    Quellcode

    1. .text { background-color:#fff; width:150px; }


    Hilft dir das weiter?
    Ja, das ist die Lösung, vielen Dank.

    MfG,

    Alpha_Delta
    „Wer einen Fehler gemacht hat und ihn nicht korrigiert, begeht einen zweiten.“ -- Konfuzius