tabelka z oplywajacym tekstem, przyklad ponizej, jak to zrobic ??? Opcje

[mikemat]

witam!!!

spodobal mi sie sposob prezentacji tresci na gazeta.pl, a dokladnie chcialbym Was prosic o pomoc, bo nie wiem jak zrobic cos takiego jak w linku nizej:


jak to zrobic - KLIK

chodzi mi o to ze powyzej zdania:

Były szef rządu uczestniczył w posiedzeniu rady programowej miejskich struktur SLD.

konczy sie po prawej stronie kolumna z tabelka "SERWISY".

Do tego miejsca glowny tekst artykuly jest zmniejszony o rozmiar tej kolumny, a ponizej tabelki "SERWISY" jest juz pod nia. Czyli tak jakby ja oplywa pod spodem.

Jest to swietny sposob na wrzucenie czegos na strone przy glownym tekscie, ktory ma np. 2 ekrany, a nasze info tylko np. 250 px wysokosci, standartowo ta mala kolumna musialby byc na cala dlugosc (wysokosc) strony - czyli w moim przykaladzie na 2 ekrany.


jesli ktos z Was wie jak cos takiego sie robi, to bardzo prosze o podpowiedz, za ktora z gory dziekuje

[wassago]

[HTML] pobierz, plaintext 
<div style="height 100%; border: solid 1px yellow">
<div style="float: right; width: 100px; height 300px; border: solid 1px red">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
</div>
[HTML] pobierz, plaintext 

[mikemat]

dzieki za odpowiedz


czy jest jeszcze inny sposob na zrobienie plywajacej tabeli ?


wydaje mi sie, ze na gazeta.pl rozwiazali to w inny sposob ?

[wassago]

to wydaje ci sie bo na 99% jest to zrobione tak jak w moim przykladzie.

[Kuziu]

Jeśli robisz to w tabelach

to poprostu możesz zastosować COLSPAN i ROWSPAN

Ten post edytował Kuziu 4.10.2004, 10:49:59

[mikemat]

juz udalo mi sie zrobic, wykorzstalem zmieniona troche skrypt wassago



rowspan i colspan nie moglem wykorzystac



dziekuje za pomoc

[Kuziu]

rowspan i colspan nie moglem wykorzystac

Nie mogłeś bo niewiedziałeś jak ... ale sie da

[party]

Ale przecież colspan jest bezsensu :]

[yavaho]

rowspan i colspan nie moglem wykorzystac

Nie mogłeś bo niewiedziałeś jak ... ale sie da

A moglbys napisac cos wiecej?
Obliczasz ilosc znakow w prawej kolumnie i porownujesz to z lewa?

[mikemat]

rowspan i colspan nie moglem wykorzystac

Nie mogłeś bo niewiedziałeś jak ... ale sie da

moim zdaniem sie nie da, jesli uwazasz sie da to prosze o przyklad


teraz jest to dyskusja czysto akademicka, bo juz rozwiazalem problem dzieki Waszej pomocy, ale jesli mozna podyskutowac i na przyszlosc komus pomoc z podobnym problemem to sie tylko nalezy cieszyc


tak, wiec do dziela

potrzebna tabela:

a. 1 kolumna A na cala dlugosc (wysokosc) tabeli
b. 1 kolumna B (lub tabela) znajdujaca sie w srodku kolumny A, ktora znajduje sie w prawym gornym rogu A,
kolumna B ma zmienna wysokosc (w zaleznosci od ilosci danych / tekstu) i oplywa ja tekst z lewej strony i pod spodem (wlasnie to jest najtrudniej osiagnac)


jesli cos takiego zrobisz uzywajac colspan i rowspan, to chyle czoło

jesli zle wytlumaczylem a.b. to moge to zrobic graficznie.

[party]

Można to zrobić colspanem.

<table>
  <tr>
      <td>tutaj tekst</td>
      <td>tutaj tabelka</td>
  </tr>
  <tr>
      <td colspan="2">tutaj reszta tekstu</td>
  </tr>
</table>

Tylko, że ten sposób jest bezsensu, ponieważ wstawiając mało tekstu do pierwszej kolumny i tak będzie ona rozciągnięta na taką wysokość jaką posiada tabelka... Wiec najlepiej to jest zrobić to na DIV'ach.

[mikemat]

Można to zrobić colspanem.

Tylko, że ten sposób jest bezsensu, ponieważ wstawiając mało tekstu do pierwszej kolumny i tak będzie ona rozciągnięta na taką wysokość jaką posiada tabelka... Wiec najlepiej to jest zrobić to na DIV'ach.

nie mozna colspanem bo nie oplywa kolumny lub tabelki pod spodem tekst


gratuluje zaczales post ze mozna... skonczyles post, ze nie mozna