[css]Zaokrąglone tabele + cienie Opcje

[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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) ) będzie wstawienie image'a z zakrąglonym konturem (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) Z tego co pamiętam mozilla już obsługuje coś takiego, ale z resztą (MSIE) jest już gorzej.

[Dominik]

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]

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]

to co chcesz zamiast tabeli :?:

Blok np div.

[kubatron]

jak to się robi podaj kod?

----

zadziała w przeglądarce ie6pl

[Dominik]

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]

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 (IMG:http://forum.php.pl/style_emoticons/default/aaevil.gif)

[Dominik]

wiesz na stronie pokazuje mi sie tylko napis center więc jaki z tego morał, moze bys dał grafike (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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]

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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[kubatron]

To czemu muwisz ze da sie innaczej to zrobić bo ja myslałem ze ty to zrobisz w css :wink:

[Dominik]

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 (IMG:http://forum.php.pl/style_emoticons/default/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]

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ą.