<input> + inline-css

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

  • <input> + inline-css

    Der Versuch, inline-CSS zu verwenden um ein Formular zu formatieren scheitert bei mir.

    HTML:

    Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    3. <head>
    4. <link type="text/css" href="http://localhost/static/style.css" rel="stylesheet" />
    5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    6. <title>Anmeldung</title>
    8. <stlye type="text/css">
    9. <!--
    10. input {
    11. width:600px;
    12. }
    13. textarea {
    14. height:150px;
    15. }
    16. .test {
    17. width: 300px;
    18. height:150px;
    19. }
    20. -->
    21. </stlye>
    23. </head>
    25. <body>
    26. <div id="container">
    27. <div id="banner"></div>
    28. <div id="content">
    29. <h1>Registrierung</h1>
    30. <div id="text">
    32. <h3>Willkommen bei Criptic-Entertainment.</h3>
    33. <form action="http://5.175.167.36:8000/members/register/" method="POST" enctype="multipart/form-data">
    34. <table border="1">
    35. <tr><td colspan="2"><h4>Ihre Details</h4></td></tr>
    36. <tr><th width="300"><label for="file_in">Dein Bild:</label></th><td><input class="test" type="file" id="file_in" name="image" accept="image/*" /></td></tr>
    37. <!--<tr style="display:none;"><td width="150">&nbsp;</td><td>&nbsp;</td></tr>-->
    38. <tr><th><label for="id_username">Dein Nick:</label></th><td><input type="text" name="username" id="id_username" /></td></tr>
    39. <tr><th><label for="id_password">Dein Passwort:</label></th><td><input type="password" name="password" id="id_password" /></td></tr>
    40. <tr><th><label for="id_password2">Passwort bestätigen:</label></th><td><input type="password" name="password2" id="id_password2" /></td></tr>
    41. <tr><th><label for="id_name">Dein Nachname:</label></th><td><input type="text" name="name" id="id_name" /></td></tr>
    42. <tr><th><label for="id_fname">Dein Vorname:</label></th><td><input type="text" name="fname" id="id_fname" /></td></tr>
    43. <tr><th><label for="id_mail">Deine Mailadresse:</label></th><td><input type="text" name="mail" id="id_mail" /></td></tr>
    44. <tr><th><label for="id_job">Dein Job:</label></th><td><select name="job" id="id_job">
    45. <option value="SP">Schauspieler</option>
    46. <option value="KA">Kameramann</option>
    47. <option value="SC">Schnitttechniker</option>
    48. <option value="TN">Tontechniker</option>
    49. <option value="GF">Grafiker</option>
    50. <option value="AT">Author</option>
    51. </select></td></tr>
    52. <tr><th><label for="id_ziele">Deine Ziele hier:</label></th><td><textarea name="ziele" id="id_ziele"></textarea></td></tr>
    53. <tr><th><label for="id_traumjob">Dein Traumjob:</label></th><td><input type="text" name="traumjob" id="id_traumjob" /></td></tr>
    54. <tr><th><label for="id_topmovies">Deine Lieblingsfilme:</label></th><td><textarea name="topmovies" id="id_topmovies"></textarea></td></tr>
    55. <tr><th><label for="id_topactor">Der beste Schauspieler:</label></th><td><input type="text" name="topactor" id="id_topactor" /></td></tr>
    56. <tr><th><label for="id_topactress">Die beste Schauspielerin:</label></th><td><input type="text" name="topactress" id="id_topactress" /></td></tr>
    57. <tr><th><label for="id_topregiseur">Der beste Regiseur:</label></th><td><input type="text" name="topregiseur" id="id_topregiseur" /></td></tr>
    58. <tr><th><label for="id_opinion">Wenn du einmal für einen Satz aufs Podium neben dem US-Präsidenten gerufen würdest vor 5 Mrd. Zuschauern,würdest du sagen:</label></th><td><textarea name="opinion" id="id_opinion"></textarea></td></tr>
    59. <tr><td><input style="width:120px;" type="submit"></td><td><input style="width:120px;" type="reset"></td></tr>
    60. </table>
    61. </form>
    63. </div>
    66. <div id="nav">
    67. <ul>
    68. <li><a href="/" class="anav">Home</a></li>
    70. </ul>
    71. </div>
    72. <div id="nav">
    73. <ul>
    74. <li><a href="/david" class="anav">Lore Ipsum</a></li>
    76. </ul>
    77. </div>
    79. </div>
    80. <br style="clear:both" />
    81. </div>
    82. </body>
    83. </html>
    Alles anzeigen


    Schreibe ich die gleichen Daten ins verlinkte CSS-File funktioniert's wunderbar.

    Sieht jemand den Fehler?
    There are only 10 types of people in the world: Those who understand binary, and those who don't.

    Download meines ersten Spiels:HIER
    Über Feedback würde ich mich freuen ;)