Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css]Zaokrąglone tabele + cienie
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
menic
Jak zrobić aby rogi tabel nie były ostre tylko jakoś zaokrąglone. Oraz dorzucić cień do tabeli ?
scanner
"Rounded" ma być chyba w CSS3?
A cienie to pewno "DropShadow" - ale to tylko podejrzenia, bo nie pamiętam dokładnie.
Cudi
Obawiam sie że w danej chwili rozwiązaniem które zadziała w każdej przeglądarce (nie licząc tych tekstowych winksmiley.jpg) będzie wstawienie image'a z zakrąglonym konturem sad.gif Z tego co pamiętam mozilla już obsługuje coś takiego, ale z resztą (MSIE) jest już gorzej.
Dominik
Cytat
Jak zrobić aby rogi tabel nie były ostre tylko jakoś zaokrąglone. Oraz dorzucić cień do tabeli ?

W mozilli pretendent do CSS3: -moz-border-radius
kubatron
panowie można by to zrobić tak
Kod
<table ...............>

<tr>

<td align=left><img src=grafika.jpg></td>

<td align=center>tekst</td>

<td align=right><img src=grafika.jpg></td>

</tr>

</table>

moze da innaczej to zrobić prosze też o pomoc bo chciałbym to też zrobić
Dominik
Cytat
panowie można by to zrobić tak (...)

No mozna - nawet wiecej jesli to jest bardzo potrzebne (czyli musi byc widoczne we wszystkich przegladarkach) to pozostaje tylko zrobic dwa obrazki ale juz jest chodzi o kod to mi sie mniej podoba bo tabela tu jest zbedna (nie masz litosci dla modemowcow i bardziej nerwowych ludzi - niedojrze kazesz ich przegladarkom wszystywac dwa obrazki wiecej to jeszcze musza czekac az sie wczyta tabela). A jesli to ma sluzyc tylko upiekszeniu warto zastosowac -moz-border-radius i border-radius - wtedy zadziala we wszystkich przegladarkach opartych o Gecko (Mozilla, Netscape 6+, Firebird itp) oraz jest szansa ze zadziala (lub zadziala w niedalekiej przyszlosci) w Operze 7 i Konq.
kubatron
to co chcesz zamiast tabeli :?:
Dominik
Cytat
to co chcesz zamiast tabeli :?:

Blok np div.
kubatron
jak to się robi podaj kod?

----

zadziała w przeglądarce ie6pl
Dominik
Cytat
jak to się robi podaj kod?

Style:
Kod
#lewa {text-align: left; float:left}

#prawa {float:left; text-align: right;}

#srodek {text-align: center; float:left; width:400px}

XHTML:
[xml:1:12028da311]<div id="lewa">
<img src="icon_profile.gif" width="" height="" alt="" /></div>
<div id="srodek">center</div>
<div id="prawa">
<img src="icon_pm.gif" width="" height="" alt="" /></div>[/xml:1:12028da311]
kubatron
Cytat
Cytat
jak to się robi podaj kod?

Style:
Kod
#lewa {text-align: left; float:left}

#prawa {float:left; text-align: right;}

#srodek {text-align: center; float:left; width:400px}

XHTML:
[xml:1:e0f03432fb]<div id="lewa">
<img src="icon_profile.gif" width="" height="" alt="" /></div>
<div id="srodek">center</div>
<div id="prawa">
<img src="icon_pm.gif" width="" height="" alt="" /></div>[/xml:1:e0f03432fb]

wiesz na stronie pokazuje mi sie tylko napis center więc jaki z tego morał, moze bys dał grafike aaevil.gif
Dominik
Cytat
wiesz na stronie pokazuje mi sie tylko napis center więc jaki z tego morał, moze bys dał grafike aaevil.gif

Czytac kodu nie umiesz? Wyraznie sa dwa znaczniki img ktore odpowiadaja za grafike. Chyba rozumiesz ze nie odwolam sie do plikow na Twoim dysku bo do biego dostepu poki co nie mam angrysmiley.gif
kubatron
e skad mam miec grafike tych boków :?:
DeyV
kubatron - najlepiej z Painta.

A na przyszłość myśl o co pytasz, i co piszesz, bo tak głupie posty będą albo kasowane, albo skończą się zablokowaniem tematu!
Dominik
Cytat
e skad mam miec grafike tych boków :?:

W Twoim przykladzie z tabelami nazywalo sie grafika.jpg (oczywiscie moge sie zalozyc ze to nie jest to co powinno bo skoro maja byc dwa luki "lewy" i "prawy" to pliki tez musza byc dwa a jest jeden.).
Poza tym grafike robisz w programie graficznym myslalem ze to jasne winksmiley.jpg
kubatron
To czemu muwisz ze da sie innaczej to zrobić bo ja myslałem ze ty to zrobisz w css :wink:
Dominik
Cytat
To czemu muwisz ze da sie innaczej to zrobić bo ja myslałem ze ty to zrobisz w css :wink:

No bo sie w pewnym siensie da jednak w Ie nie bedzie dzialac. Ale jak chesz to masz winksmiley.jpg
[xml:1:eed52aa441]<div style="border:1px solid #000000; -moz-border-radius: 20px; border-radius: 20px">Tak to wyglada</div>[/xml:1:eed52aa441]
kubatron
Dominik: dużo osób używa Ie więc szukamy dobrego rozwiązania na Ie żeby było szybkie. :wink:
Dominik
Cytat
Dominik: dużo osób używa Ie więc szukamy dobrego rozwiązania na Ie żeby było szybkie. :wink:

No to nie ma takiego... Bo w IE trzeba uzywac obrazkow a onie nawsze beda podwodowac dluzsze wczytywanie strony.
kubatron
Nio racja ale obrazki jeżeli zapisuje sie z rozszerzeniem .gif to się szybciej ładują.
Seth
Dosc tych bzdurnych postow kubatron. Temat zamykam.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.