zaokrąglenia rogów w CSS a IE

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

zaokrąglenia rogów w CSS a IE

olo707 Zobacz profil	10.04.2012, 20:58:29 Post #1
Grupa: Zarejestrowani Postów: 77 Pomógł: 0 Dołączył: 30.03.2012 Ostrzeżenie: (0%)	Witam Za pomocą CSS zrobiłem zaokrąglenia rogów diva używając zapisu -moz-border-radius:10px; w Fire Foxie działa idealnie ale co zrobić aby taki efekt uzyskać w Internet Explorer w wersji 6-8. Nie działają tu zapisy -webkit-border-radius:10px; i -khtml-border-radius:10px; Z góry dzieki za odpowiedż

Odpowiedzi

niceaalbosmierc Zobacz profil	6.05.2012, 17:04:40 Post #2
Grupa: Zarejestrowani Postów: 1 Pomógł: 0 Dołączył: 6.05.2012 Ostrzeżenie: (0%)	Eh. Fatalnie. Próbuję zastąpić... [HTML] pobierz, plaintext box-shadow: 0 0 5px 1px #464646; border-radius: 5px 5px 5px 5px; [HTML] pobierz, plaintext ...obrazkami ale zupełnie mi to nie wychodzi. Stworzyłem w GIMPie zwykły kwadrat z zaokrąglonymi rogami. Każdy taki róg wyciąłem i zapisałem jako osobny plik. W ten sposób powstało mi coś takiego: t100.png; t010.png; t001.png m100.png; m010.png; m001.png d100.png; d010.png; d001.png t - top; m - middle; d - down; Powkładałem to w divy: [HTML] pobierz, plaintext <body style="padding: 5px;"> <div style="width: 280px;"> <div style="width: 5px; height: 5px; float: left; background-image: url(t100.png);"> </div> <div style="width: 270px; height: 5px; float: left; background-image: url(t010.png);"> </div> <div style="width: 5px; height: 5px; background-image: url(t001.png);"> </div> </div> <div style="width: 280px;"> <div style="width: 5px; height: 100px; float: left; background-image: url(m100.png);"> </div> <div style="width: 270px; height: 100px; float: left; background-image: url(m010.png);"> Tu wpisuje się tekst. </div> <div style="width: 5px; height: 100px; background-image: url(m001.png);"> </div> </div> <div style="width: 280px;"> <div style="width: 5px; height: 5px; float: left; background-image: url(d100.png);"> </div> <div style="width: 270px; height: 5px; float: left; background-image: url(d010.png);"> </div> <div style="width: 5px; height: 5px; background-image: url(d001.png);"> </div> </div> </body> [HTML] pobierz, plaintext Żeby zmienić szerokość takiej ramki lub jej wysokość, muszę łącznie zmienić 8 parametrów. Nawet jeżeli pod menu na stronę, coś takiego można włożyć, to już jako na ramkę newsa się to zupełnie nie nadaje. Height w części dla m100, m010, m001 jest ustawiony na stałe więc tekst wychodzi poza ramkę. Chciałbym mieć możliwość aby szerokość całej ramki była zmieniana w jednym a nie w ośmiu miejscach. Przypominam, że na tabelkach takie rozwiązanie było bajecznie proste. Czy ktoś kiedyś zrobił coś podobnego w CSSie? Ten post edytował niceaalbosmierc 6.05.2012, 17:05:35

Posty w temacie

olo707 zaokrąglenia rogów w CSS a IE 10.04.2012, 20:58:29

prowseed Podstawą jest border-radius:10px; i pozniej mozesz... 10.04.2012, 21:46:39

batman Cytat(prowseed @ 10.04.2012, 22:46:39... 11.04.2012, 06:18:38

prowseed Cytat(batman @ 11.04.2012, 07:18:38 )... 11.04.2012, 12:18:52

by_ikar http://border-radius.com/ - generator @Batman, ta... 11.04.2012, 08:37:42

batman Cytat@Batman, takie zaokrąglone rogi nie działają ... 11.04.2012, 09:07:04

by_ikar CytatNo popatrz. A mi działa. Ciekawe co robię źle... 11.04.2012, 10:02:32

!*! Cytat(by_ikar @ 11.04.2012, 11:02:32 ... 6.05.2012, 17:13:48

niceaalbosmierc Eh. Fatalnie. Próbuję zastąpić... [HTML] pobierz, ... 6.05.2012, 17:04:40

« Następny starszy · CSS · Następny nowszy »

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

Wersja Lo-Fi

Aktualny czas: 24.06.2025 - 15:54

Hosting zapewnia