Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [html][php][mysql] Dziwny problem z miejscem
-mihi-
post
Post #1





Goście







A wiec.. mam której układ jest taki :
http://images32.fotosik.pl/161/de82d01ac1675ee8med.jpg

A kod wygląda tak:

  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>


Kod obrazka:
  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. ?>


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 ?
Go to the top of the page
+Quote Post
-G-
post
Post #2





Goście







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


G
Go to the top of the page
+Quote Post
-mihi-
post
Post #3





Goście







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





Grupa: Zarejestrowani
Postów: 67
Pomógł: 12
Dołączył: 20.01.2008
Skąd: Toruń

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


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.
Go to the top of the page
+Quote Post
goozer
post
Post #5





Grupa: Zarejestrowani
Postów: 25
Pomógł: 7
Dołączył: 29.02.2008

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


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

Ten post edytował goozer 1.03.2008, 16:21:45
Go to the top of the page
+Quote Post
-mihi-
post
Post #6





Goście







pozmieniałem to tak:

  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>


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

:/
Go to the top of the page
+Quote Post
-mihi-
post
Post #7





Goście







Nie wiem już jak to zrobić.. bo przecież tabelę zmniejszyłem a nadal rozciąga ją..
Go to the top of the page
+Quote Post
Inti
post
Post #8





Grupa: Zarejestrowani
Postów: 67
Pomógł: 12
Dołączył: 20.01.2008
Skąd: Toruń

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


Pierwsza rzecz, to jak zapisany jest ten plik (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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:

  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>


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

Pozdrawiam Inti

Ten post edytował Inti 4.03.2008, 18:58:33
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 9.10.2025 - 18:32