Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/css] pozycjonowanie tabel
Forum PHP.pl > Forum > Przedszkole
bosh
Witam!
Nie wiem jak mam wykonać taki patent:
Tabela z dwoma kolumnami:
- lewa kolumna ma zawierać tresci, kótre mają być umocowane do dołu lewej kolumny, polecenie baseline nie da rezultatu, gdyż
- prawa kolumna, zwiera sporo treści, które powoduja, że wyskoość całej tabeli jest większa niźli wyskość zawartości lewej komórki

  1. <table cellspacing="0" cellpadding="0" border="0">
  2. <tr>
  3. <!-- kolumna w której ma być tabela ustawiona do dołu kolumny -->
  4. <table cellspacing="2" cellpadding="2" border="0"><tr><td>
  5. ta tabela ma być umocowana do dołu lewej kolumny
  6. </td></tr></table>
  7. <td></td>
  8. <td>
  9. <!-- kolumna z dużą ilością tekstu determinująca wysykość tabeli głównej -->
  10. sporo tekstu - więcej niż w lewej kolumnie, powoduje to, iż zawartość lewej kolumny nie zwiększa wyskości całej tabeli
  11. </td></tr>


Macie pomysł na to?
Ustawianie stylami się nei powiodło... Może coś źle komibinowałem, ale mi nie wyszło...
adameq
  1. <table width="100%" border="1">
  2. <tr>
  3. <td valign="bottom">
  4. <table width="100%" border="1">
  5. <tr>
  6. <td>ta tabela jest umocowana do dołu lewej kolumny</td>
  7. </tr>
  8. </table>
  9. </td>
  10. <td>to jest prawa kolumna</td>
  11. </tr>
bosh
No już widzę jaki błąd popełniłem pytając.
Otóż w tej lewej kolumnie chcę mieć jeden tekst umocowany u góry, a drugą porcję u dołu...
czyli coś takiego

  1. <table width="100%" border="1">
  2. <tr>
  3. <td valign="bottom">
  4.  
  5. a tu jakiś tekst na górze?<br>
  6.  
  7. <table width="100%" border="1">
  8. <tr>
  9. <td>ta tabela jest umocowana do dołu lewej kolumny</td>
  10. </tr>
  11. </table>
  12. </td>
  13. <td>to jest prawa kolumna<br><br><br><br><br><br><br><br><br><br></td>
  14. </tr>
adameq
  1. <table border="1">
  2. <tr>
  3. <td valign="top">
  4. <table width="100%" border="1">
  5. <tr>
  6. <td>Tu jakiś tekst na górze</td>
  7. </tr>
  8. </table>
  9. </td>
  10. <td rowspan="2">to jest prawa kolumna</td>
  11. </tr>
  12. <tr>
  13. <td valign="bottom">
  14. <table width="100%" border="1">
  15. <tr>
  16. <td>ta tabela jest umocowana do dołu lewej kolumny</td>
  17. </tr>
  18. </table></td>
  19. </tr>


Poprawione smile.gif
bosh
Oczywiście!!
Chyba było zbyt późno bym sam wpadł na to. No i od razu pomyśałem o pozycjonowaniu stylami...
Dziękuję ci bardzo!!
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.