Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xhtml/css] problem z inputami i textarea w ie, <textarea> oraz <input type="text">
toomay
post 24.04.2007, 11:25:56
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 23.04.2007

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


Witam, moj problem tkwi w tym ze mam zrobiony formularz ktory wyglada tak:

  1. <form method="POST">
  2. <input name="check" type="hidden" value="1" />
  3. <input name="date" type="hidden" value="<?PHP echo ''.date('d.m.Y').'' ?>" />
  4. <input name="hour" type="hidden" value="<?PHP echo ''.date('G:i').'' ?>" />
  5. <table class="tab_form">
  6. <tr>
  7. <td class="td_form_left_1">
  8. e-mail:
  9. </td>
  10. [html]<td class="td_form_right">
  11. <input name="email" type="text" value="<?PHP
  12. if($email)
  13. {
  14. echo $email;
  15. }
  16. ?>" />
  17. </td>
  18. </tr>
  19. <tr>
  20. <td class="td_form_left_1">
  21. tytuł:
  22. </td>
  23. <td class="td_form_right">
  24. <input name="title" type="text" value="<?PHP
  25. if($title)
  26. {
  27. echo $title;
  28. }
  29. ?>" />
  30. </td>
  31. </tr>
  32. <tr>
  33. <td colspan="2">
  34. wiadomość:
  35. <br />
  36. <textarea name="message" rows="10">
  37. <?PHP
  38. if($message)
  39. {
  40. echo $message;
  41. }
  42. ?>
  43. </td>
  44. </tr>
  45. <tr>
  46. <td colspan="2">
  47. <input type="submit" value="ok" />
  48. </td>
  49. </tr>
  50. </form>

oraz plik css (potrzebny fragment)który wygląda tak:
  1. form{
  2. margin: 0;
  3. }
  4. input, textarea{
  5. width: 100%;
  6. background-color: #B2B2B2;
  7. border: 1px solid #888888;
  8. font-size: 9px;
  9. color: #444444;
  10. }
  11. .tab_form{
  12. width: 100%;
  13. border-collapse: collapse;
  14. background-color: #FFFFCC;
  15. }
  16. .tab_form td{
  17. border: 1px solid #000000;
  18. padding: 4px;
  19. }
  20. .td_form_left_1{
  21. text-align: right;
  22. width: 60px;
  23. }
  24. .td_form_right{
  25. vertical-align: middle;
  26. }

W FF wszystko dziala tak jak powinno - chociaz nie do konca, ale o tym pozniej.
Glownym problemem jest to ze w ie obramowanie tabeli po prawej stronie znika w miejscach gdzie wstawione jest <textarea> i <input type="text">, w wierszu gdzie znajduje sie submit obramowanie jest widoczne (i to mnie najbardziej dziwi). Po zmianie szerokosci ze 100% (textarea, input{ ... } - patrz plik .css) na np. 98% wyswietla sie dobrze zarowno w ie jak i ff, tyle ze inputy i textarea nie sa rozciagniete maksymalnie a przeciez o to chodzi zeby byly.
Ponad to prawy odstęp (padding) w przypadku <textarea> i <input type="text"> nie wynosci 4px tak jak jest to ustalone tylko cos kolo 2px (w ff bo w ie niewidac gdzie sie konczy) a w przypadku inputa submit wszystko jest ok !? padding wszedzie wyglada tak samo.
Podsumowujac: inputy z textem i textarea (miejsca gdzie mozna cos wpisac) sprawiaja problemy.
Za wszelka pomoc bede bardzo wdzieczny.


pozdrawiam
toomay
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 03:54