Boxy w css

[Lukiii]

Chciałbym zrobić w css-ie takie boxy jak np sa na stronie Ery (www.era.pl) Chodzi mi o te na dole - Abonament Dla Ciebie, Dla stalych abonentow itp.

Ja to zrobic w css z ramka dookola i z tlem w srodku zeby text byl pisany normalnie? Prosze o jakies przyklady z innych stron... Z gory dzieki.

[mkr]

<div style="background: url('obrazek.gif') no-repeat bottom right; width:100px; height:200px; border: 1px solid #c3c3c3"> Tresc tresc tresc </div>

[Lukiii]

Okey. Dzieki. To juz wiem jak ale jak zapisac by one byly ustawione obok siebie - to jest dla mnie najtrudnijszy problem, gdyz za kazdym razme jak testuje to wychodzi jedna obok drugiej. Moze stworzy cos na zasadzie jakiej tabeli w divach ale jak?

[zero3]

ale jak zapisac by one byly ustawione obok siebie

jak testuje to wychodzi jedna obok drugiej

obok siebie != jedna obok drugiej ?

nie rozumiem, ale użyj float

[Lukiii]

obok siebie != jedna obok drugiej ?

nie rozumiem, ale użyj float

Tak jedna obok drugiej tak jak widac to na stronce ery, To ma wygladac jak tabelka podzielona na 3 czesci i w tej tabelce 3 kolumny:) Mam nadzieje ze zrozumiales o co mi chodzi

Podobny przyklad mozesz znalezc na www.dulowa.republika.pl ale tam nie jest to zrobione w css tylko w tabelkach:) To wlasnie o cos dokladnie takiego mi chodzi. Z gory wielkie dzieki.

[mkr]

<div id="trzykol">

<div style="float:left; background: url('obrazek.gif') no-repeat bottom right; width:100px; height:200px; border: 1px solid #c3c3c3"> Tresc tresc tresc </div>

<div style="float:left; background: url('obrazek.gif') no-repeat bottom right; width:100px; height:200px; border: 1px solid #c3c3c3"> Tresc tresc tresc </div>

<div style="float:left; background: url('obrazek.gif') no-repeat bottom right; width:100px; height:200px; border: 1px solid #c3c3c3"> Tresc tresc tresc </div>

</div>

[Lukiii]

<div id="trzykol">

<div style="float:left; background: url('obrazek.gif') no-repeat bottom right; width:100px; height:200px; border: 1px solid #c3c3c3"> Tresc tresc tresc </div>

<div style="float:left; background: url('obrazek.gif') no-repeat bottom right; width:100px; height:200px; border: 1px solid #c3c3c3"> Tresc tresc tresc </div>

<div style="float:left; background: url('obrazek.gif') no-repeat bottom right; width:100px; height:200px; border: 1px solid #c3c3c3"> Tresc tresc tresc </div>

</div>

Wielkie dzięki. Właśnie o coś takiego mi chodziło.. Troche nie wyszło początkowo ale teraz jest OK! Dziekówka