Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z wypozycjonowanie formularza oraz ustaleniem wielkosci textarea
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Dandelion
13.10.2006, 16:47:20
Pisze sobie szkielet strony 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html 
  2. PUBLIC "-//W3C//DTD XHTML 1.0//EN" 
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <head>
  7. <title>Tytuł strony</title>
  8. <link rel="stylesheet" href="style.css" type="text/css"/>
  9. </head>
  10.  
  11. <body>
  12.  
  13.  
  14.  
  15.  
  16.  
  17. 	<div class="strona">
  18.  
  19. 		<div id="logo">1</div>
  20.  
  21. 		<div id="srodek">
  22.  
  23. 			<input type="button" VALUE="tak" onClick="document.getElementById('ukryty').style.display='block';" >
  24.  
  25. 			<div id="ukryty" style="display: none" >
  26. 			<form action="" method="post">
  27. 				<fieldset>
  28. 				<label>Tytul <input type="text" name="tytul"/></label>
  29. 				<label>Tresc<input type="textarea" name="tresc"/></label>
  30. 				<label>Autor<input type="text" name="autor"/></label>
  31. 				<label>Wyslij<input type="submit" value="wyslij"/></label>
  32. 				</fieldset>
  33. 			</form>
  34. 			</div>
  35.  
  36. 		</div>
  37.  
  38. 		<div id="stopka">
  39.  
  40. 		</div>
  41.  
  42.  
  43.  
  44. </body>
  45. </html>
[HTML] pobierz, plaintext


css:

[XML] pobierz, plaintext 
  1. body{
  2. width: 700px;      
  3. margin: 0 auto;
  4. }
  5.  
  6. div#logo {
  7. background-color: #8b3a3a;
  8. height: 100px;
  9. }
  10.  
  11. div#srodek{
  12. background-color: #c1cdcd;      
  13. height: 400px;
  14. }
  15.  
  16. div#stopka{
  17. background-color: #8b2500;      
  18. height: 100px;
  19. }
  20.  
  21. label {
  22. display: block;
  23.  
  24. }
[XML] pobierz, plaintext


Otrzymalem taki efekt



po nacisnieciu przycisku tak wyskakuje ukryty div z formularzem



chcialbym zeby to wszystko wygladalo tak



oraz



2 problem

nie wiem jak ustalic wielkosc pola textarea w css. Kiedys uzywalem rows i cols ale teraz proboje opierac sie tylko na css ....
kossa
14.10.2006, 13:26:48
Cytat
nie wiem jak ustalic wielkosc pola textarea w css. Kiedys uzywalem rows i cols ale teraz proboje opierac sie tylko na css


[HTML] pobierz, plaintext 
  1. width: 300pt;
  2. height: 150pt;
[HTML] pobierz, plaintext


co do pozycjoniwania to masz ustaloną wielkość div środek więc możesz wyliczyć sobie wielkości formularza i za pomocą margin-top i margin-left przesunąć formularz, masz jeszcze do wykorzystania atrybit padding...

Łukasz
Dandelion
14.10.2006, 20:56:08
sprobowalem dodac do stylu

textarea {
width: 300pt;
height: 150pt;
}

no i nic to nie dalo. Nie mowie ze sposob jest zly bardziej prawdopodobne jest to ze robie cos nie tak

[HTML] pobierz, plaintext 
  1. <div id="ukryty" style="display: none" >
  2. 			<form action="" method="post">
  3. 				<fieldset>
  4. 				<label>Tytul <input type="text" name="tytul"/></label>
  5. 				<label>Tresc<input type="textarea" name="tresc"/></label>
  6. 				<label>Autor<input type="text" name="autor"/></label>
  7. 				<label>Wyslij<input type="submit" value="wyslij"/></label>
  8. 				</fieldset>
  9. 			</form>
  10. 			</div>
[HTML] pobierz, plaintext


tak wyglada moj formularz lacznie z divem w ktorym go umiescilem. Moze wszystko psuje sie przez to, ze jest on w ukrytym divie ?

Udalo mi sie wypozycjonowac caly formularz tak jak chcialem

mam jednak problem z tym jednym malym przyciskiem 

[HTML] pobierz, plaintext 
  1. <input type="button" VALUE="tak" onClick="document.getElementById('ukryty').style.display='block';" >
[HTML] pobierz, plaintext


nie wiem jak w css okreslic margines tylko tego jednego buttona
kossa
15.10.2006, 13:44:45
Cytat
<label>Tresc<input type="textarea" name="tresc"/></label>


to nie tak.

1. label to label a pole input to input tongue.gif
2. textarea to nie to samo co input

zatem

[HTML] pobierz, plaintext 
  1. <label for="pole1">tresc</label>
  2. <textarea name="pole1" id="pole1">tu mozesz wstawic domyslny tekst</textarea>
[HTML] pobierz, plaintext


albo

[HTML] pobierz, plaintext 
  1. <label for="pole1">tresc</label>
  2. <input type="text" id="pole1" name="pole1"/>
[HTML] pobierz, plaintext


w tym przypadku po kliku n napis tresc kursor automatycznie wskoczy na pole input o id pole1

majac juz takie textarea:

[HTML] pobierz, plaintext 
  1. <textarea name="pole1" id="pole1">tu mozesz wstawic domyslny tekst</textarea>
[HTML] pobierz, plaintext


możesz dodać rows i cols

<textarea name="pole1" id="pole1" rows="10" cols="5">tu mozesz wstawic domyslny tekst</textarea>

albo style css:

<textarea name="pole1" id="pole1" style="width:100pt; height: 80pt;">tu mozesz wstawic domyslny tekst</textarea>

Łukasz
babejsza
16.10.2006, 11:53:24
pole textarea musi zawierać znaczniki rows i cols. Mogą być puste, ale muszą się pojawić.
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.