XHTML Form Inputfeld Länge ändern

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • 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>
    9. <body>
    10. <div id="wrapper">
    11. <form method="post" action="mailto:ich@mir.de" enctype="text/plain">
    12. Vorname: <input class="text" type="text" name="vorname" value="Ihr Vorname" />
    13. <br />
    14. Passwort: <input class="text" type="password" name="passwort" />
    15. <br />
    16. Hinweis: <input id="hint" type="text" name="hinwies" value="Bitte f&uuml;llen Sie das Formular vollst&auml;ndig aus" readonly="readonly" />
    17. </form>
    18. </div>
    19. </body>
    20. </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. }
    7. a:link {
    8. color: #333333; text-decoration: none;
    9. }
    10. a:visited {
    11. color: #333333; text-decoration: none;
    12. }
    13. a:hover {
    14. color: #000000; text-decoration: underline;
    15. }
    16. a:active {
    17. color: red; text-decoration: none;
    18. }
    19. a {
    20. cursor: pointer;
    21. }
    22. .text {
    23. margin-top: 2px;
    24. margin-bottom: 2px;
    25. }
    26. #hint {
    27. margin-top: 2px;
    28. margin-bottom: 2px;
    29. }
    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