Pomoc - Szukaj - U¿ytkownicy - Kalendarz
Pe³na wersja: [html][php][mysql] Dziwny problem z miejscem
Forum PHP.pl > Forum > Przedszkole
mihi
29.02.2008, 19:10:05
A wiec.. mam której uk³ad jest taki :
http://images32.fotosik.pl/161/de82d01ac1675ee8med.jpg

A kod wygl±da tak:

[PHP] pobierz, plaintext 
  1. <table class="color" style=" margin: 0 auto">
  2. <tbody>
  3. <head>
  4. <script type="text/javascript">
  5. function nowe_okno() {
  6. okno = window.open("laduj.php","laduj","toolbar=no, height=200px, width=400px");
  7. }
  8. function zamknij_okno() {
  9. okno.close();
  10. }
  11. </script>
  12. <TR>
  13. <td class="bok"></td>
  14. <td class="bok2">
  15. <!--formularz-->
  16. <table>
  17. <tbody>
  18. <form method="post" action="index1.php?url=7">
  19. <td style=" width: 150px; text-align: left">Nazwa firmy:  </td>
  20. <td style=" width: 300px; text-align: left">
  21. <?php echo ucwords($HTTP_SESSION_VARS['login']); $value= (isset($_POST['login'])) ? $_POST['login'] : ''; ?>
  22. </td>
  23. </td>
  24. </tr>
  25. <tr>
  26. <td style=" width: 150px; text-align: left">Imie i nazwisko:	  </td>
  27. <td style=" width: 300px; text-align: left">
  28. <?php echo ucwords($HTTP_SESSION_VARS['imie']); $value= (isset($_POST['imie'])) ? $_POST['imie'] : ''; ?> 
  29. </td>
  30. </tr>
  31. <tr>
  32. <td style=" width: 150px; text-align: left">E-mail:	  </td>
  33. <td style=" width: 300px; text-align: left">
  34. <?php echo ucwords($HTTP_SESSION_VARS['email']); $value= (isset($_POST['email'])) ? $_POST['email'] : ''; ?> </td>
  35. </tr>
  36. <tr>
  37. <td style=" width: 150px; text-align: left">Typ transakcji:	  •</td>
  38. <td style=" width: 300px; text-align: left">
  39. <INPUT TYPE="radio" NAME="typ" VALUE="1" CHECKED >Kupno					  
  40. <INPUT TYPE="radio" NAME="typ" VALUE="0">Sprzeda¿
  41. </td>
  42. </tr>
  43. <tr>
  44. <td style=" width: 150px; text-align: left">Województwo:	  •</td>
  45. <td style=" width: 300px; text-align: left">
  46. <?php echo ucwords($HTTP_SESSION_VARS['woj']); $value= (isset($_POST['woj'])) ? $_POST['woj'] : ''; ?> 
  47. </td>
  48. </td>
  49. </tr>
  50. <tr>
  51. <td style=" width: 150px; text-align: left">Rodzaj towaru:	  •</td>
  52. <td style=" width: 300px; text-align: left">
  53. <SELECT NAME="rodzaj" style="font-size: 8pt; font-family: Arial; width: 150pt; height: 14pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value=" if (isset($_POST['rodzaj'])){ echo $_POST['rodzaj']; }?>">
  54. <OPTION>wybierz rodzaj..
  55. <option>jêczmieñ konsumpcyjny
  56. <option>jêczmieñ paszowy
  57. <option>rzepak
  58. <option>pszenica paszowa
  59. <option>pszenica konsumpcyjna
  60. <option>owies
  61. <option>pszen¿yto
  62. <option>¶ruta sojowa
  63. <option>sruta rzepakowa
  64. <option>kukurydza paszowa
  65. <option>otrêby pszenne
  66. <option>otrêby ¿ytnie
  67. <option>¿yto pszenne
  68. <option>¿yto konsumpcyjne
  69. <option>olej rzepakowy
  70. <option>olej sojowy
  71. <option>olej s³onecznikowy
  72. <option>estry metylowe
  73. </SELECT>	 <a href="#" onclick="nowe_okno();">dodaj zdjêcie</a></td>
  74. </tr>
  75. <tr>
  76. <td style=" width: 150px; text-align: left">Ilosc towaru:	  •</td>
  77. <td style=" width: 300px; text-align: right">
  78. <INPUT TYPE="text" NAME="ilosc" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['ilosc'])){ echo $_POST['ilosc']; }?>"></td>
  79. </tr>
  80. <tr>
  81. <td style=" width: 150px; text-align: left">Telefon/fax		•</td>
  82. <td style=" width: 300px; text-align: right">
  83. <INPUT TYPE="text" NAME="tel" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['tel'])){ echo $_POST['tel']; }?>"></td>
  84. </tr>
  85. <tr>
  86. <td style=" width: 150px; text-align: left">Cena:	  •</td>
  87. <td style=" width: 300px; text-align: right">
  88. <INPUT TYPE="text" NAME="cena" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['cena'])){ echo $_POST['cena']; }?>"></td>
  89. </tr>
  90. <tr>
  91. <td style=" width: 150px; text-align: left; vertical-align: top">Opis towaru:	 </td>
  92. <td style=" width: 300px; text-align: right">
  93. <TEXTAREA NAME="opis" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 12.5pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['opis'])){ echo $_POST['opis']; }?>"></textarea></td>
  94. </tr>
  95. <tr><td style=" width: 150px; text-align: right;empty-cells:show"></td>
  96. <td style=" height: 10pt; width: 300px; text-align: left"><img src="gg.gif"><INPUT TYPE="text" NAME="gg" style="font-size: 8pt; font-family: Arial; width: 50pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt value="<? if (isset($_POST['gg'])){ echo $_POST['gg']; }?>"> <img src="s.gif"><INPUT TYPE="text" NAME="skype" style="font-size: 8pt; font-family: Arial; width: 77pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['skype'])){ echo $_POST['skype']; }?>">  <align="right"><INPUT TYPE="submit" VALUE=" dodaj " NAME="submit" style=" font-family:arial; font-size: 8pt"></a></td>
  97. </tr></form>
  98. </tbody></table>
  99. </body>
  100. </head>
  101. </html>
[PHP] pobierz, plaintext


Kod obrazka:
[PHP] pobierz, plaintext 
  1. <?
  2.  
  3. $connection = mysql_connect("localhost","root","haslo");
  4. $db = mysql_select_db("admin", $connection);
  5. $sql = mysql_query("SELECT * FROM obrazki");
  6. while ($row = mysql_fetch_array($sql)) { 
  7.  
  8. $sciezka = $row['sciezka'];
  9.  
  10. 	echo '<div>';
  11. 	echo "<br />";
  12. 	echo "<a href='$sciezka'><img height='90' width='90' src='$sciezka'  /></a>";
  13. 	echo '</div>';
  14. }
  15. ?>
[PHP] pobierz, plaintext


Chcê dodaæ obrazek w miejsce (patrz obrazek) pod nad podpisem dodaj obrazek..tyle ¿e mi za ka¿dym razem rozwala tabelê jak próbujê tam to wstawiæ.. jak to tam wstawiæ ? Bo przez div te¿ nie da rady :/ S± ujakie¶ metody na to ?
G
29.02.2008, 23:09:47
Z tego co rozumiem probujesz wcisnac obrazek do wiersza tabeli ktory ma wysokosc jednej linii tekstu. Skoro sie tam obrazek nie miesci to rozciaga linie.

Moznaby wyciagnac obrazek przed tabele tak zeby mogl lezec na niej, przyslaniajac i tak nieuzywana jej czesc.
Latwiej bedzie stworzyc trzecia kolumne i za pomoca rowspan polaczyc wiersze zeby otrzymac z boku duza komorke, do ktorej obrazek sie zmiesci.
[HTML] pobierz, plaintext 
  1. <td style=" width: 150px; text-align: left">Nazwa firmy:  </td>
  2. <td style=" width: 150px; text-align: left">
  3. <?php echo ucwords($HTTP_SESSION_VARS['login']); $value= (isset($_POST['login'])) ? $_POST['login'] : ''; ?>
  4. </td>
  5. <td rowspan="5" style="width: 150 px; text-align: left;">tu jest miejsce na zdjecie</td>
  6. ..... dalej juz jak bylo....
[HTML] pobierz, plaintext


G
mihi
29.02.2008, 23:39:07
Ooo w sumie dobre z tym rowspain.. tylko ¿e jak to zastosujê to rozwala mi ca³y uk³ad tabeli i wygl±da to tak :/
http://img167.imageshack.us/img167/388/notaktaksd2.jpg
Inti
1.03.2008, 00:10:17
Mo¿e zdarzyæ siê, ¿e nawet przy ustawionej szeroko¶ci kolumn na sztywno, mog± one trochê ci siê rozjechaæ je¶li nagle obrazek przekracza szeroko¶æ tabeli lub jest zbyt wysoki ni¿ ilo¶æ po³±czonych wierszy - musisz zadbaæ o to, ¿eby twoje grafiki by³y odpowienido max. pewnej szeroko¶ci, jak i wysoko¶ci. Je¶li to zrobisz, to wszystko powinno raczej dzia³aæ bez zarzutów.
goozer
1.03.2008, 13:17:54
Tak jak zrobiles dodales trzecia kolumne ale jest tak daleko bo druga ma 300px. Zmniejsz rozmiar drugiej kolumny z 300 na przyklad do 150px. U mnie w przykladzie bylo zmienione.

Aha, i jeszce mi sie przypomnialo ze jest jeszcze jedna rzecz, na poczatku tworzysz tabele z trzema kolumnami pozniej uzywasz tylko 2 (ponizej zdjecia). Czyli wszedzie ponizej musi byc w drugiej komorce colspan="2" zeby zlaczyc druga kolumne z trzecia.

G
mihi
2.03.2008, 17:02:09
pozmienia³em to tak:

[PHP] pobierz, plaintext 
  1. <table class="color" style=" margin: 0 auto">
  2. <tbody>
  3. <head>
  4. <script type="text/javascript">
  5. function nowe_okno() {
  6. okno = window.open("laduj.php","laduj","toolbar=no, height=200px, width=400px");
  7. }
  8. function zamknij_okno() {
  9. okno.close();
  10. }
  11. </script>
  12. <TR>
  13. <td class="bok"></td>
  14. <td class="bok2">
  15. <!--formularz-->
  16. <table>
  17. <tbody>
  18. <form method="post" action="index1.php?url=7">
  19. <td style=" width: 150px; text-align: left">Nazwa firmy: </td>
  20. <td style=" width: 150px; text-align: left">
  21. <?php echo ucwords($HTTP_SESSION_VARS['login']); $value= (isset($_POST['login'])) ? $_POST['login'] : ''; ?>
  22. </td>
  23. <td rowspan="5" style="width: 150 px; text-align: left;">tu jest miejsce na zdjecie</td>
  24. </tr>
  25. <tr>
  26. <td style=" width: 150px; text-align: left">Imie i nazwisko:	  </td>
  27. <td style=" width: 300px; text-align: left">
  28. <?php echo ucwords($HTTP_SESSION_VARS['imie']); $value= (isset($_POST['imie'])) ? $_POST['imie'] : ''; ?> 
  29. </td>
  30. </tr>
  31. <tr>
  32. <td style=" width: 150px; text-align: left">E-mail:	  </td>
  33. <td style=" width: 300px; text-align: left">
  34. <?php echo ucwords($HTTP_SESSION_VARS['email']); $value= (isset($_POST['email'])) ? $_POST['email'] : ''; ?> </td>
  35. </tr>
  36. <tr>
  37. <td style=" width: 150px; text-align: left">Typ transakcji:	  •</td>
  38. <td style=" width: 300px; text-align: left">
  39. <INPUT TYPE="radio" NAME="typ" VALUE="1" CHECKED >Kupno					  
  40. <INPUT TYPE="radio" NAME="typ" VALUE="0">Sprzeda¿
  41. </td>
  42. </tr>
  43. <tr>
  44. <td style=" width: 150px; text-align: left">Województwo:	  •</td>
  45. <td style=" width: 300px; text-align: left">
  46. <?php echo ucwords($HTTP_SESSION_VARS['woj']); $value= (isset($_POST['woj'])) ? $_POST['woj'] : ''; ?> 
  47. </td>
  48. </td>
  49. </tr>
  50. <tr>
  51. <td style=" width: 150px; text-align: left">Rodzaj towaru:	  •</td>
  52. <td style=" width: 300px; text-align: left">
  53. <SELECT NAME="rodzaj" style="font-size: 8pt; font-family: Arial; width: 150pt; height: 14pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value=" if (isset($_POST['rodzaj'])){ echo $_POST['rodzaj']; }?>">
  54. <OPTION>wybierz rodzaj..
  55. <option>jêczmieñ konsumpcyjny
  56. <option>jêczmieñ paszowy
  57. <option>rzepak
  58. <option>pszenica paszowa
  59. <option>pszenica konsumpcyjna
  60. <option>owies
  61. <option>pszen¿yto
  62. <option>¶ruta sojowa
  63. <option>sruta rzepakowa
  64. <option>kukurydza paszowa
  65. <option>otrêby pszenne
  66. <option>otrêby ¿ytnie
  67. <option>¿yto pszenne
  68. <option>¿yto konsumpcyjne
  69. <option>olej rzepakowy
  70. <option>olej sojowy
  71. <option>olej s³onecznikowy
  72. <option>estry metylowe
  73. </SELECT>	 <a href="#" onclick="nowe_okno();">dodaj zdjêcie</a></td>
  74. </tr>
  75. <tr>
  76. <td style=" width: 150px; text-align: left">Ilosc towaru:	  •</td>
  77. <td style=" width: 300px; text-align: right">
  78. <INPUT TYPE="text" NAME="ilosc" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['ilosc'])){ echo $_POST['ilosc']; }?>"></td>
  79. </tr>
  80. <tr>
  81. <td style=" width: 150px; text-align: left">Telefon/fax		•</td>
  82. <td style=" width: 300px; text-align: right">
  83. <INPUT TYPE="text" NAME="tel" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['tel'])){ echo $_POST['tel']; }?>"></td>
  84. </tr>
  85. <tr>
  86. <td style=" width: 150px; text-align: left">Cena:	  •</td>
  87. <td style=" width: 300px; text-align: right">
  88. <INPUT TYPE="text" NAME="cena" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['cena'])){ echo $_POST['cena']; }?>"></td>
  89. </tr>
  90. <tr>
  91. <td style=" width: 150px; text-align: left; vertical-align: top">Opis towaru:	 </td>
  92. <td style=" width: 300px; text-align: right">
  93. <TEXTAREA NAME="opis" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 12.5pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['opis'])){ echo $_POST['opis']; }?>"></textarea></td>
  94. </tr>
  95. <tr><td style=" width: 150px; text-align: right;empty-cells:show"></td>
  96. <td style=" height: 10pt; width: 300px; text-align: left"><img src="gg.gif"><INPUT TYPE="text" NAME="gg" style="font-size: 8pt; font-family: Arial; width: 50pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt value="<? if (isset($_POST['gg'])){ echo $_POST['gg']; }?>"> <img src="s.gif"><INPUT TYPE="text" NAME="skype" style="font-size: 8pt; font-family: Arial; width: 77pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['skype'])){ echo $_POST['skype']; }?>">  <align="right"><INPUT TYPE="submit" VALUE=" dodaj " NAME="submit" style=" font-family:arial; font-size: 8pt"></a></td>
  97. </tr></form>
  98. </tbody></table>
  99. </body>
  100. </head>
  101. </html>
[PHP] pobierz, plaintext


ale nadal to wszystko wygl±da tak:
http://img156.imageshack.us/img156/7306/notaknk2.jpg

:/
mihi
2.03.2008, 18:51:10
Nie wiem ju¿ jak to zrobiæ.. bo przecie¿ tabelê zmniejszy³em a nadal rozci±ga j±..
Inti
4.03.2008, 18:55:40
Pierwsza rzecz, to jak zapisany jest ten plik questionmark.gif Bowiem od kiedy to nagłówek <head> otwiera się w środku jakiejś tabeli, i zamyka się go po <body>.

Druga to zacznijmy od tego w jaki sposób tworzysz tabele, w której zanjduje ci się twój formularz. Wstępnie w pierwszych tagach wiersza <tr> masz trzy podziały na kolumny <td>, gdzie ostatnią łaczysz przez 5 kolejnych rzędów - i bardzo słusznie. Problem jest jednak taki ::
  • szerokości tych kolumn ustawione masz na 150px, 150px, 150px, gdzie w dalszych rzędach ustawiasz szerokość do końca na 150px i 300px, co jest oki i ustawione są prawidłowo
  • zapominasz jednak o tym, że rzędy łączysz tylko przez pierwszych 5, a nie w całej tabeli blink.gif
Dla wyjaśnienia w pierwszych 5 rzędach masz, 3 kolumny, natomiast w pozostałych chcesz mnieć 2 kolumny. Wszystko ładnie pięknie, ale jako że ustawiłeś na początku 3 kolumny, to teraz w każdym wierszu musisz dodać klauzulę colspan przy drugiej kolumnie i ustawić ją na 2. Oto kawałek twojego kodu:

[PHP] pobierz, plaintext 
  1. <td style=" width: 150px; text-align: left">Nazwa firmy: </td>
  2. <td style=" width: 150px; text-align: left">
  3. <?php echo ucwords($HTTP_SESSION_VARS['login']); $value= (isset($_POST['login'])) ? $_POST['login'] : ''; ?>
  4. </td>
  5. <td rowspan="5" style="width: 150 px; text-align: left;">tu jest miejsce na zdjecie</td>
  6. </tr>
  7.  
  8. ...
  9.  
  10. <tr>
  11. <td style=" width: 150px; text-align: left">Rodzaj towaru:	  •</td>
  12. <td colspan="2" style=" width: 300px; text-align: left"> //ZWRACAM UWAGE NA TEN WIERSZ I DODANIE COLSPAN
  13. <SELECT NAME="rodzaj" style="font-size: 8pt; font-family: Arial; width: 150pt; height: 14pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value=" if (isset($_POST['rodzaj'])){ echo $_POST['rodzaj']; }?>">
  14. <OPTION>wybierz rodzaj..
  15. <option>jęczmień konsumpcyjny
  16. <option>jęczmień paszowy
  17. <option>rzepak
  18. <option>pszenica paszowa
  19. <option>pszenica konsumpcyjna
  20. <option>owies
  21. <option>pszenżyto
  22. <option>śruta sojowa
  23. <option>sruta rzepakowa
  24. <option>kukurydza paszowa
  25. <option>otręby pszenne
  26. <option>otręby żytnie
  27. <option>żyto pszenne
  28. <option>żyto konsumpcyjne
  29. <option>olej rzepakowy
  30. <option>olej sojowy
  31. <option>olej słonecznikowy
  32. <option>estry metylowe
  33. </SELECT>	 <a href="#" onclick="nowe_okno();">dodaj zdjęcie</a></td>
  34. </tr>
[PHP] pobierz, plaintext


Mam nadzieję, że teraz będzie działać poprawnie.

Pozdrawiam Inti
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.