Pomoc - Tabela

Wszystko o HTML, XHTML, XML, CSS.
zita
Posty: 5
Rejestracja: 04 kwie 2011, 18:01:14
Strona na CBA.pl: maplestorypl.cba.pl
Płeć: Niewybrana
User Agent: Firefox Windows 1280x1024

Pomoc - Tabela

Post 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 :).
LaY
Posty: 1120
Rejestracja: 28 sty 2009, 15:20:07
Lokalizacja: Silesia
Płeć: Mężczyzna
User Agent: Firefox Windows 1366x768
Kontakt:

Re: Pomoc - Tabela

Post 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.
Niě nerwuj hanysa
Awatar użytkownika
Kokomandek
Posty: 62
Rejestracja: 02 kwie 2011, 21:39:01
Płeć: Mężczyzna
User Agent: Firefox Windows 1280x800

Re: Pomoc - Tabela

Post 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
Pozdrawiam!
Adrian
ignas
Posty: 507
Rejestracja: 19 lut 2010, 07:55:02
Płeć: Niewybrana
User Agent: Firefox Windows 1280x960

Re: Pomoc - Tabela

Post autor: ignas »

Proszę o usunięcie tego posta.
Ostatnio zmieniony 01 maja 2011, 23:49:47 przez ignas, łącznie zmieniany 1 raz.
Awatar użytkownika
viper26
Posty: 51
Rejestracja: 27 sty 2009, 17:00:56
Płeć: Mężczyzna
User Agent: Firefox Windows 1280x960

Re: Pomoc - Tabela

Post 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.
ODPOWIEDZ