Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] jak zrobić taką tabelkę ?
Forum PHP.pl > Forum > Przedszkole
integer000
jak poskładać taką tabelkę questionmark.gif jej ramy zaznaczyłem czerwoną linią... chcę zrobić tak aby to gdzie pisze "tekst" było jedną komórką


mike
A czemu tabelka?
Tabela służy do prezentacji danych tabelarycznych a tak takich nie ma.

Taki układ to dwa bloki i tyle, a nie jakieś chore tabelki tongue.gif

Spróbuj z blokami <div>
integer000
wstawiłem niby 2 paragrafy <div> ale nie wygląda to zupełnie jak na rysunku. chcę zrobić tak aby tekst był dookoła zdjęcia,tzn. z jego lewej strony i od dołu...

chciałem zastosować colspan i rowspan w tabelkach, ale chyba się nie da wykonać takiej kombinacji...

a jak wstawiam zdjęcie razem z tekstem w jednej komurce to jeśli zdjęcie ma powiedzmy 200px wysokości to tekst zaczyna się dopiero od dołu zdjęcia a ja bym chciał żeby zaczynał się od początku lewej krawędzi zdjęcia...
Łukasz O.
podpowiedź: style="float:left"
misiek172
do divów musisz jeszcze użyć style takie jak position: relativ i absolute
inaczej bedzie ciężko, pozatym jakbyś się bardzo uparł tabele to bedie wyglądała tak:

  1. <table border width="600" height="600">
  2. <tr valign=top>
  3. <td>
  4. <table align=left border width="150" height="150">
  5. <tr><td>TEN OBRAZEK</td></tr>
  6. </table>
  7. TREŚĆ OBOK OBRAZKA
  8. <td>
  9. </tr>
  10. <tr>
  11. <td>STOPKA</td>
  12. </tr>


dopasuj sobie tylko rozmiary według własnych potrzeb
bne
i po co? skoro to samo można zrobić prościej za pomocą divów...

  1. <div style="border: 1px red solid; width: 450;">
  2. <img src="http://img482.imageshack.us/img482/4134/beztytu322uir3.jpg" style="float: left" alt="" />
  3. tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
  4. </div>
  5. <div style="border: 1px red solid; width: 450;">stopka</div>
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.