Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Zaokrąglony div ? - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Zaokrąglony div ? (/thread-zaokraglony-div)



Zaokrąglony div ? - _mlody_ - 23-10-2010

Witam,
mam takiego diva:

Kod:
#jeden {
        border: 2px solid #DFDFDF;
        width: 970px;    
        height: auto;    
}

i tu pytanie.. Czy da sie zaokraglic rogi tego diva jakims prostym poleceniem?
Czy trzeba uzyc js?
Czy moze w jakis inny sposob?


RE: Zaokrąglony div ? - KeeL - 23-10-2010

Witaj,
Kod:
.okragle-wszystkie-rogi {
-webkit-border-radius: 20px; /* Safari, Chrome */
-khtml-border-radius: 20px;    /* Konqueror */
-moz-border-radius: 20px; /* Firefox */
  border-radius: 20px;
a dla reszty został tylko js Smile


RE: Zaokrąglony div ? - _mlody_ - 23-10-2010

Niestety duzo osob uzywa IE.. Czy ktos mogl by napisac mi js? Kompletnie sie w tym nie orientuje a nauka zajela by mi pewnie duzo czasu a jest to jeden skrypt ktorego potrzebuje. Gdyby znalazl sie ktos tak dobry bylbym wdzieczny Smile


RE: Zaokrąglony div ? - Pedro84 - 23-10-2010

(23-10-2010, 22:55)_mlody_ napisał(a): Niestety duzo osob uzywa IE.. Czy ktos mogl by napisac mi js? Kompletnie sie w tym nie orientuje a nauka zajela by mi pewnie duzo czasu a jest to jeden skrypt ktorego potrzebuje. Gdyby znalazl sie ktos tak dobry bylbym wdzieczny Smile

Google.pl. Miliony wyników.


RE: Zaokrąglony div ? - ixtab - 23-10-2010

Istnieje biblioteka JS, która symuluje CSS3 dla IE (od wersji 6.0). Nie pamiętam w tej chwili nazwy, spróbuj wygooglować, a jeśli nie wyjdzie, to ja spróbuję ją znaleźć jutro około południa.
Chrome i Safari obsługują już polecenie border-radius więc -webkit nie jest już potrzebne. Tylko Firefox został i oczywiście IE w wersji niższej niż 9.0

-------------------

Oto link: http://jscariati.wordpress.com/2010/07/15/use-css3-visual-effects-in-ie-with-css3pie/


RE: Zaokrąglony div ? - Pedro84 - 24-10-2010

(23-10-2010, 23:55)ixtab napisał(a): Istnieje biblioteka JS, która symuluje CSS3 dla IE (od wersji 6.0). Nie pamiętam w tej chwili nazwy, spróbuj wygooglować, a jeśli nie wyjdzie, to ja spróbuję ją znaleźć jutro około południa.
Chrome i Safari obsługują już polecenie border-radius więc -webkit nie jest już potrzebne. Tylko Firefox został i oczywiście IE w wersji niższej niż 9.0

-------------------

Oto link: http://jscariati.wordpress.com/2010/07/15/use-css3-visual-effects-in-ie-with-css3pie/

CSSPie. Najlepsza moim zdaniem. Zawsze z niej korzystam.


RE: Zaokrąglony div ? - _mlody_ - 25-10-2010

dzieki wszystkim za pomoc Smile


RE: Zaokrąglony div ? - rel - 28-10-2010

(25-10-2010, 19:14)_mlody_ napisał(a): dzieki wszystkim za pomoc Smile

Dobrze by było jakbyś zawsze wrzucił efekt tego co udało ci się zrobić dzięki kolegom z forum :-)