Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ CSS _ [css]Zaokrąglone tabele + cienie

Napisany przez: menic 23.12.2003, 22:57:20

Jak zrobić aby rogi tabel nie były ostre tylko jakoś zaokrąglone. Oraz dorzucić cień do tabeli ?

Napisany przez: scanner 23.12.2003, 23:16:43

"Rounded" ma być chyba w CSS3?
A cienie to pewno "DropShadow" - ale to tylko podejrzenia, bo nie pamiętam dokładnie.

Napisany przez: Cudi 24.12.2003, 00:05:35

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.

Napisany przez: Dominik 24.12.2003, 13:31:27

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

Napisany przez: kubatron 27.12.2003, 19:46:24

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ć

Napisany przez: Dominik 27.12.2003, 21:01:18

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.

Napisany przez: kubatron 27.12.2003, 21:12:45

to co chcesz zamiast tabeli :?:

Napisany przez: Dominik 27.12.2003, 21:16:42

Cytat
to co chcesz zamiast tabeli :?:

Blok np div.

Napisany przez: kubatron 27.12.2003, 21:17:59

jak to się robi podaj kod?

----

zadziała w przeglądarce ie6pl

Napisany przez: Dominik 27.12.2003, 21:34:10

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]

Napisany przez: kubatron 27.12.2003, 21:40:31

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

Napisany przez: Dominik 27.12.2003, 21:52:11

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

Napisany przez: kubatron 27.12.2003, 22:02:29

e skad mam miec grafike tych boków :?:

Napisany przez: DeyV 27.12.2003, 22:08:07

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!

Napisany przez: Dominik 27.12.2003, 22:13:33

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

Napisany przez: kubatron 27.12.2003, 23:08:43

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

Napisany przez: Dominik 27.12.2003, 23:24:12

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]

Napisany przez: kubatron 28.12.2003, 18:53:55

Dominik: dużo osób używa Ie więc szukamy dobrego rozwiązania na Ie żeby było szybkie. :wink:

Napisany przez: Dominik 28.12.2003, 19:19:26

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.

Napisany przez: kubatron 28.12.2003, 19:36:56

Nio racja ale obrazki jeżeli zapisuje sie z rozszerzeniem .gif to się szybciej ładują.

Napisany przez: Seth 28.12.2003, 19:40:44

Dosc tych bzdurnych postow kubatron. Temat zamykam.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)