Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Form - znikające divy
Mades
post
Post #1





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 3.08.2013

Ostrzeżenie: (0%)
-----

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


Ten post edytował Mades 11.10.2013, 20:01:19
Go to the top of the page
+Quote Post

Posty w temacie
- Mades   [HTML][CSS]Form - znikające divy   11.10.2013, 20:00:57
- - Turson   Zamknij select   11.10.2013, 20:08:24
- - Mades   A to nie głupi pomysł. Zapomniałem o nim. Dziękuję   11.10.2013, 20:13:49

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 29.09.2025 - 20:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn