Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z wypozycjonowanie formularza oraz ustaleniem wielkosci textarea
Dandelion
post
Post #1





Grupa: Zarejestrowani
Postów: 169
Pomógł: 0
Dołączył: 27.01.2006

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

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

(IMG:http://img396.imageshack.us/img396/4184/zle2ak0.th.jpg)

po nacisnieciu przycisku tak wyskakuje ukryty div z formularzem

(IMG:http://img396.imageshack.us/img396/3784/zle3xy5.th.jpg)

chcialbym zeby to wszystko wygladalo tak

(IMG:http://img393.imageshack.us/img393/9686/dobrze1nz0.th.jpg)

oraz

(IMG:http://img396.imageshack.us/img396/6991/dobrze2yl9.th.jpg)

2 problem

nie wiem jak ustalic wielkosc pola textarea w css. Kiedys uzywalem rows i cols ale teraz proboje opierac sie tylko na css ....
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
kossa
post
Post #2





Grupa: Zarejestrowani
Postów: 1 165
Pomógł: 9
Dołączył: 9.04.2002
Skąd: Toruń

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

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
Go to the top of the page
+Quote Post

Posty w temacie
- Dandelion   Problem z wypozycjonowanie formularza oraz ustaleniem wielkosci textarea   13.10.2006, 16:47:20
- - kossa   Cytatnie wiem jak ustalic wielkosc pola textarea w...   14.10.2006, 13:26:48
- - Dandelion   sprobowalem dodac do stylu textarea { width: 300...   14.10.2006, 20:56:08
- - kossa   Cytat<label>Tresc<input type="textar...   15.10.2006, 13:44:45
- - babejsza   pole textarea musi zawierać znaczniki rows i cols....   16.10.2006, 11:53:24

« Następny starszy · HTML \ XHTML · 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: 4.10.2025 - 06:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn