Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Form - znikające divy
Forum PHP.pl > Forum > Przedszkole
Mades
11.10.2013, 20:00:57
Mam problem, aczkolwiek. W momencie, gdy do kodu dodam jakiś prosty formularz to znikają mi wszystkie divy.
W czym leży problem?

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link rel="stylesheet" href="main.css" type="text/css" />
  4. </head>
  5. <body>
  6. 		<!-- formularz -->
  7. 		<form action="skrypt.php" form="POST">
  8. 		Imie: <input type="text" name="imie"><br/>
  9. 		Nazwisko: <input type="text" name="nazwisko"><br/>
  10. 		Email: <input type="text" name="email"><br/>
  11. 		Wiadomość: <input type="text" name="wiadomosc"><br/>
  12. 		Nauczyciel: <select name="nauczyciel">
  13. 		<option>Nauczyciel 1</option>
  14. 		<option>Nauczyciel 2</option>
  15. 		<option>Nauczyciel 3</option>
  16. 		<option>Nauczyciel 4</option>
  17. 		</form>
  18. 		<!-- koniec formularza -->
  19.  
  20.  
  21. 		<!-- wczytanie screenshot'ów do boxów -->
  22.  
  23. 		<div class="boxy">
  24. 		<div class="box1">a</div>
  25.         <div class="box2">a</div>
  26.         <div class="box3">a</div>
  27.         <div class="box4">a</div>	
  28. 		<div class="box5">a</div>	
  29.         </div>		
  30.  
  31. 		<!-- end -->
  32. </body>
  33. </html>
[HTML] pobierz, plaintext


CSS:
[HTML] pobierz, plaintext 
  1. html {
  2. background-color: #1c1c1c;
  3. }
  4.  
  5. body {
  6. padding: 1em;
  7. width: 800px;
  8. height: 600px;
  9. background-color: #bce35f;
  10. top: 50px;
  11. position: relative;
  12. margin: 0 auto;
  13. border-radius: 5px 35px 5px;
  14.   }
  15.  
  16.  
  17. .boxy {
  18.   width: 800px;
  19.    margin-left: -300px; /* połowa szerokości */
  20.  
  21.    left: 50%;
  22.     position:absolute;
  23.     bottom: 0;
  24.  
  25.  
  26.  
  27. }
  28.  .box1 {
  29.  width: 100px;
  30.  height: 100px;
  31.  background-color: #e0ff99;
  32.  float: left;
  33.  margin: 10px;
  34.  }
  35.   .box2 {
  36.  width: 100px;
  37.  height: 100px;
  38.  background-color: #e0ff99;
  39.   margin: 10px;
  40. float: left;
  41.  }
  42.   .box3 {
  43.  width: 100px;
  44.  height: 100px;
  45.  background-color: #e0ff99;
  46.  margin: 10px;
  47. float: left;
  48.  }
  49.   .box4 {
  50.  width: 100px;
  51.  height: 100px;
  52.  background-color: #e0ff99;
  53.  margin: 10px;
  54.  float: left;
  55.  }
  56.    .box5 {
  57.  width: 100px;
  58.  height: 100px;
  59.  background-color: #e0ff99;
  60.  margin: 10px;
  61.  float: left;
  62.  }
[HTML] pobierz, plaintext
Turson
11.10.2013, 20:08:24
Zamknij select wink.gif
Mades
11.10.2013, 20:13:49
A to nie głupi pomysł. Zapomniałem o nim.
Dziękuję smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.