Hi, zrobiłem pierwszy moj szablon w xhtml:
[HTML] pobierz, plaintext 
  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" lang="pl">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>instalacja</title>
  6. <meta name="keywords" content="" />
  7. <meta name="description" content="" />
  8. <style type="text/css">
  9. body {
  10. padding: 0;
  11. margin: 0;
  12. overflow: auto;
  13. }
  14. div {
  15. font: 13px "trebuchet ms", helvetica, sans-serif;
  16. color: #585858;
  17. }
  18.  
  19. a { text-decoration: none; color: #000; font: 12px tahoma, verdana, arial, sans-serif; }
  20. a:hover { text-decoration: underline; color: #575757; font: 12px tahoma, verdana, arial, sans-serif; }
  21. img {vertical-align: middle; border: 0px; }
  22.  
  23. h1,h2,h3,h4,h5,h6
  24. {
  25. font-weight: normal;
  26. letter-spacing: -1px;
  27. text-transform: lowercase;
  28. padding: 0;
  29. margin: 0;
  30. }
  31.  
  32. h3,h4,h5,h6
  33. {
  34. color: #184366;
  35. }
  36.  
  37. #page {
  38. width: 980px;
  39. border: 0px solid #000;
  40. display: table;
  41. margin: 0 auto;
  42. }
  43. #header {
  44. border-left: 1px solid #000;
  45. border-right: 1px solid #000;
  46. display: block;
  47. width: 230px;
  48. overflow: hidden;
  49. float: left;
  50. margin-left: 10px;
  51. padding: 10px;
  52. }
  53.  
  54. #header2 {
  55. border-right: 1px solid #000;
  56. display: block;
  57. width: 230px;
  58. overflow: hidden;
  59. float: left;
  60. margin-left: 10px;
  61. padding: 10px;
  62. }
  63.  
  64. #header3 {
  65. border-left: 1px solid #000;
  66. display: block;
  67. width: 434px;
  68. overflow: hidden;
  69. float: left;
  70. padding: 10px;
  71. }
  72.  
  73. .form_div1 {
  74. width: 100px;
  75. float: left;
  76. }
  77.  
  78. .form_div2 {
  79. }
  80.  
  81.  
  82. </style>
  83. </head>
  84. <body>
  85. <div id="page">
  86. <div id="header3">
  87.  
  88.  
  89. <form method="post" action="index.php?id=step1">
  90.  
  91. <div class="form_div1">Host</div><div class="form_div2"><input type="text" value="localhost" name="host" maxlength="50" style="width: 220px;" /></div>
  92. <div class="form_div1">Baza</div><div class="form_div2"><input type="text" name="database" maxlength="50" style="width: 220px;" /></div>
  93. <div class="form_div1">Utwórz baze</div><div class="form_div2"><input type="checkbox" name="db_create" /></div>
  94. <div class="form_div1">Użytkownik</div><div class="form_div2"><input type="text" name="user_db" maxlength="50" style="width: 220px;" /></div>
  95. <div class="form_div1">Hasło</div><div class="form_div2"><input type="password" name="pass_db" maxlength="50" style="width: 220px;" /></div>
  96. <div class="form_div1">Prefix</div><div class="form_div2"><input type="text" name="prefix" value="getCMS_" maxlength="50" style="width: 220px;" /></div>
  97. <div class="form_div1">Język</div><div class="form_div2"><select name="lang"><option selected>pl</option></select></div>
  98. <div class="form_div1">&nbsp;</div><div class="form_div2"><input type="submit" value="&raquo; next step" class="submit" name="save" /></div>
  99. </form>	
  100.  
  101. </div>
  102. <div id="header">
  103. ln_inst_step1</div>
  104. <div id="header2">
  105. <span style="color: red">etap 1 - połączenie z bazą</span><br /><br />etap 2 - zapisanie ustawień i nawiązanie połączenia z bazą<br /><br />etap 3 - wgranie tabel do bazy mysql<br /><br />etap 4 - utworzenie konta administratora<br /><br />etap 5 - zakończenie instalacji<br /><br /></div>
  106. </div>
  107.  
  108. </body>
  109. </html>
[HTML] pobierz, plaintext


Jeżeli wyrzucę <option> to układ wraca do poprzedniego stanu, nie wiem dlaczego sie tak dzieje?
Prosze też o ocenę tego szablonu, bo nie wiem czy dobrze go stworzyłem.

Już sobie poradziłem trzeba było wywalić display: table z #page