CSS - co zamiast TABLE i absolute ?

0

Witam,

Chciałbym umieścić poziomo kilka obiektów na stronie. Wszystko byłoby proste, gdyby obiekty były proste (np. same obrazki lub same teksty). Obiektem jednak jest złożony twór o ściśle określonej szerokości (width): obrazek u góry (200 px) plus tekst-opis na dole (max. 200 px - nie może wychodzić poza szerokość obrazka).

Nie chcę korzystać z TABLE, ale nijak nie mogę sobie z tym poradzić w CSS, chyba że dla każdego elementu ustawiam pozycjonowanie absolute i margines od lewego brzegu strony (pierwszy element 400px, drugi - 400+200+odległość od pierwszego elementu px, trzeci to samo powiększony o kolejne kilkaset px i tak wszystkie pozostałe - wydaje się to ostatecznością i niezgrabnym załatwieniem sprawy).

Co więcej, każdy z tych "złożonych obiektów" stanowi link - wspólnie. Tzn. nie chciałbym robić dwóch [a href] osobno dla obrazka i tekstu; chciałbym, aby oba obejmował ten sam [a href... ], mimo, że są umieszczone pionowo (obrazek nad tekstem), a pozostałe elementy poziomo.

Czy CSS jest w stanie w ogóle sobie z tym poradzić?

Dzięki za każdą wskazówkę.

0

Co więcej, każdy z tych "złożonych obiektów" stanowi link - wspólnie. Tzn. nie chciałbym robić dwóch [a href] osobno dla obrazka i tekstu; chciałbym, aby oba obejmował ten sam [a href... ], mimo, że są umieszczone pionowo (obrazek nad tekstem), a pozostałe elementy poziomo.

To daj całość w odnośnik i ustaw mu display: block.

Chciałbym umieścić poziomo kilka obiektów na stronie. Wszystko byłoby proste, gdyby obiekty były proste (np. same obrazki lub same teksty). Obiektem jednak jest złożony twór o ściśle określonej szerokości (width): obrazek u góry (200 px) plus tekst-opis na dole (max. 200 px - nie może wychodzić poza szerokość obrazka).

Następnie tym odnośnikom możesz dać float: left;, ustawić szerokość i upakować w jakiś kontener.

1 użytkowników online, w tym zalogowanych: 0, gości: 1