Strona 1 z 1

Pomoc - Tabela

: 04 kwie 2011, 18:05:18
autor: zita
Witam proszę o pomoc, a mianowicie chciał bym zrobić na stronie tabele, ale żeby jej rogi były zaokrąglone, tak żeby nie wyglądała zwyczajnie tylko jakoś fajnie :).

Proszę o pomoc, albo ze zrobieniem tabeli albo z zastosowaniem jakiejś innej metody :).

Re: Pomoc - Tabela

: 05 kwie 2011, 00:33:17
autor: LaY
Jest kilka opcji...

Tabela z obrazkami tła:
Atrybut border ustawiasz na 0 w zamian tworząc obrazki z których będzie "zbudowane" obramowanie a samą tabelę powiększasz o dwie kolumny i dwa wiersze w którym nadasz odpowiednie obrazki tła.

Nifty Corners:
Skrypt który tworzy zaokrąglone rogi. Nee mogę Ci powiedzieć nic na jego temat bo sam nigdy z niego nie korzystałem. Nie wiem więc nawet czy obsługuje tabele czy tylko divy. :/

Trzecia opcja to zbudowanie samemu takiej tabeli dzięki wykorzystaniu odpowiednich atrybutów i dołożeniu sporej ilości wierszy i kolumn. Gdy zaczynałem zabawę z HTML i CSS miałem na pewnej stronie taki kod zassany z neta.

Re: Pomoc - Tabela

: 07 kwie 2011, 13:31:59
autor: Kokomandek
Może skorzystaj z edytora HTML, który znajduje się w panelu CBA.PL.
Adres do niego to: http://cba.pl/panel/client/html_editor.php

Re: Pomoc - Tabela

: 07 kwie 2011, 13:39:09
autor: ignas
Proszę o usunięcie tego posta.

Re: Pomoc - Tabela

: 08 kwie 2011, 21:53:03
autor: viper26
1 sposób
Użyj border-radius z CSS 3, większość przeglądarek to obsługuje, a IE od wersji 9.
Tutaj masz przykład, razem z innymi opcjami do krawędzi (border-image też wygląda ciekawie).

2 sposób
Użyj gotowej grafiki jako tła (background-image) zrobionej przez Ciebie / jakiś generator / grafika.