Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]textarea, blokowanie pola tekstowego
xmen491
post 6.12.2011, 22:47:02
Post #1





Grupa: Zarejestrowani
Postów: 77
Pomógł: 1
Dołączył: 30.05.2011

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

Witam czy da rade zrobić tak aby podczas rozciągania pola tekstowego , aby to pole nie rozciagało się w bok w jakimś miejscu tzn. dochodzi np do jakiejś szerokości i wiecej sie nie rozciągnie i tylko w dół wtedy się rozciąga ? ew czy da rade to innym sposobem zrobić ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
Niktoś
post 6.12.2011, 22:51:57
Post #2





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----

Użyj CSS'a i atrybutu max-width,max height.
Go to the top of the page
+Quote Post
xmen491
post 6.12.2011, 23:00:47
Post #3





Grupa: Zarejestrowani
Postów: 77
Pomógł: 1
Dołączył: 30.05.2011

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

a po samej stronie html nie da rady tego zablokowac słyszałem że nowe przeglądarki już to obsługują

znalazłem coś takiego http://b4rtaz.nano2.pl/blog/resize.css.html

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. 	<head>
  4. 		<meta charset="UTF-8" />
  5. 		<title>resize, css3 samples</title>
  6. 		<style>
  7. 			body {background:#F2F2F2; color:#272727; font:12pt "Lucida Grande","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;}
  8. 			code, textarea {color:#555555; font-style:italic; font-family:"Monaco","Lucida Console",monospace,sans-serif !important;}
  9. 			h1 {font-weight:normal; font-size:25pt;}
  10. 			h3 {border-bottom:1px solid #BC3434;}
  11. 			a {color:#BC3434;}
  12. 			a:hover {color:#000;}
  13. 			div {padding-left:40px; width:50%;}
  14. 			textarea {width:100%; height:90px;}
  15. 		</style>
  16. 	</head>
  17. <body>
  18.  
  19. 	<h1><code>resize</code> in css 3.0</h1>
  20. 	<p>samples by <a href="http://b.nano2.pl/">b4rtaz</a></p>
  21.  
  22. 	<div>
  23. 		<h3>resize: horizontal;</h3>
  24. 		<p><code>textarea {resize: horizontal;}</code></p>
  25. 		<textarea style="resize:horizontal;">Lorem ipsum.</textarea>
  26.  
  27. 		<h3>resize: vertical;</h3>
  28. 		<p><code>textarea {resize: vertical;}</code></p>
  29. 		<textarea style="resize:vertical;">Lorem ipsum.</textarea>
  30.  
  31. 		<h3>resize: both;</h3>
  32. 		<p><code>textarea {resize: both;}</code></p>
  33. 		<textarea style="resize:both;">Lorem ipsum.</textarea>
  34.  
  35. 		<h3>resize: none;</h3>
  36. 		<p><code>textarea {resize: none;}</code></p>
  37. 		<textarea style="resize:none;">Lorem ipsum.</textarea>
  38. 	</div>
  39.  
  40. </body>
  41. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
synec
post 6.12.2011, 23:01:05
Post #4





Grupa: Zarejestrowani
Postów: 14
Pomógł: 2
Dołączył: 26.10.2009

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

Użyj css tak jak pokazał Ci kolega wyżej. Będzie najoptymalniej.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 15:46
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn