Cześć, w pracy kazali mi stworzyć małą stronę na potrzeby umieszczania
tam reklam. Chodzi mniej więcej o układ jak na stronach z ogłoszeniami
drobnymi w gazetach. Kilka/naście modułów, w trzech kolumnach. Da się to
zrobić w CSS? Zobaczcie tutaj: www.noon-projects.cal.pl/test

Chodzi mniej więcej o to, tylko nie chcę tych przerw pomiędzy modułami w
jednej kolumnie. Chciałbym, żeby moduły zależnie od swojej wielkości
decydowały, w której kolumnie będą i najlepiej podciągnięte pod ostatni
element w danej kolumnie. Co prawda im więcej piszę, tym bardziej
niemożliwe mi się wydaje, ale wolę się upewnić.

pozdrawiam
Pawelk

do góry

Wraz z CSS3 ma wejść możliwość zastosowania CSS3, column-count:3
Czy jednak teraz można tego użyć?
pozdrawiam
tadek
Od zera do webmastera http://webmaster.tworze.com/lek25.php

do góry

Albo czegos nie zrozumiałem albo zadanie jest banalne. Czy masz problem ze
stworzeniem w CSS 3 kolumn, w których zawartość będzie wyrównywana do góry?
Jeśli tak, to są podstawy CSS.

do góry

pawelk wrote:

> Cześć, w pracy kazali mi stworzyć małą stronę na potrzeby umieszczania
> tam reklam. Chodzi mniej więcej o układ jak na stronach z ogłoszeniami
> drobnymi w gazetach. Kilka/naście modułów, w trzech kolumnach. Da się to
> zrobić w CSS? Zobaczcie tutaj: www.noon-projects.cal.pl/test
>
> Chodzi mniej więcej o to, tylko nie chcę tych przerw pomiędzy modułami w
> jednej kolumnie. Chciałbym, żeby moduły zależnie od swojej wielkości
> decydowały, w której kolumnie będą i najlepiej podciągnięte pod ostatni
> element w danej kolumnie. Co prawda im więcej piszę, tym bardziej
> niemożliwe mi się wydaje, ale wolę się upewnić.

Żeby "moduły decydowały" to raczej już na poziomie budowania treści (np.
najdłuższe treści "wlewane" pierwsze).

Co do układu w CSS, googluj za hasłami "multiple columns css3" czy
"multi-column css3" ewentualnie szukaj protez.

Oczywiście treść płynie tak: 147 a nie tak: 123
258 456
36 78


Grzegorz

do góry

>Chciałbym, żeby moduły zależnie od swojej wielkości decydowały, w
>której kolumnie będą i najlepiej podciągnięte pod ostatni element w
>danej kolumnie. Co prawda im więcej piszę, tym bardziej niemożliwe mi
>się wydaje, ale wolę się upewnić.

Mozliwe w PHP jak sie zrobi analize tresci modulow (wielkosc)
i generowanie finalnej strony po dopasowaniu modulow do kolumn.
Tylko wtedy bedzie to dzialac na kazdej przegladarce.

Pzdr
KKobus

do góry

Marek pisze:
> Albo czegos nie zrozumiałem albo zadanie jest banalne. Czy masz problem
> ze stworzeniem w CSS 3 kolumn, w których zawartość będzie wyrównywana do
> góry? Jeśli tak, to są podstawy CSS.

W linku który wysłałem, jest pokazana przykładowa strona www o którą mi
chodzi. Chciałbym żebym przerwa między divami zawsze była powiedzmy 5px.
Teraz trzecia kolumna jest ok, ale kolejny (nazwijmy to) rząd jest
wyrównywany do dolnego brzegu diva z trzeciej kolumny, zamiast być
oddalony o 5px od dolnego brzegu elementy nad nim.

Na teraz wymyśliłem (sugerując się odpowiedziami Giecze i KrzysztofK),
że w głównym divie zrobię 3 mniejsze, które będą reprezentować kolumny i
do nich wkładać będę tekst. Prosta funkcja zliczająca ilość znaków
powinna umożliwić odpowiedniego umiejscowienia treści tak, żeby żadna
kolumna znacząco nie odbiegała wysokością od pozostałych dwóch.

pozdrawiam
PawelK

do góry

pawelk <flagoon@tnijto_o2.pl> wrote:
> Cze????, w pracy kazali mi stworzy?? ma???? stron?? na potrzeby umieszczania
> tam reklam. Chodzi mniej wi??cej o uk??ad jak na stronach z og??oszeniami
> drobnymi w gazetach. Kilka/na??cie modu??ów, w trzech kolumnach. Da si?? to
> zrobi?? w CSS? Zobaczcie tutaj: www.noon-projects.cal.pl/test

Sprawdz "jQuery masonry".

do góry