zaokraglone rogi

[Mlody87]

Wiam,
mam problem z zaokragleniami rogow. Ustawilem wszystko w klasach w css, dodaje przyrostek nazwy klasy do modulu jednak ciagle nie chce mi zaokraglac rogow. Sprawdzilame w badaniu elementow w chrome i parametr ten jest przekreslony.

6238
Wie ktos moze jaka moze byc tego przyczyna? Rogi sa jednoczesnie delikatnie zaokraglone wiec moze w szablonie istnieje jakas nadrzedna klasa? Jednak w divie mam tylko 'moduletable_rogi'... :blink:

pozdrawiam!

[PeFik]

A adres strony www mam wyróżyć z :
a) fusów?
b) szklanej kuli
c) arbuza

[benek1234]

cześć jestem tu nowy ,zarejestrowałem się dawo ale postanowiłem zajrzeć,tylko nie wiem po co hmm.
Mlody87 nie używaj przeglądarki chrome tylko firefox i pluginu firebug naucz się css a problemy znikną.
Ponadto jeśli chcesz zmienić sam moduł musisz sprawdzić czy ma własne css, bo w sumie nie wiadomo co ty chcesz zaokrąglić
czy sam moduł wykonawczy czy div szablonu, ale jak masz praobem z takimi proscochami to długa droga przed tobą.

[Robster]

benek1234 (http://forum.joomla.pl/member.php?56064-benek1234) a w czym FF+FB jest lepszy od Chrome?

[benek1234]

Google Chrome jest szybsza od firefoxa ale niestety nadal źle interpretuje niektóre strony.
wygoda przy pluginie fireburg,choć to kwestia przyzwyczajenia.
Z czasem chrome wyprzedzi firefoxa ,to jest pewne,tyle że do puki są strony pisane po staremu
to niestety ale chrome nie daje rady poprawnie ich zinterpretować.
Używam firefoxa do pisania stron, ale mam również chrome aby sprawdzić jak wygląda strona w chrome,
bo większość ludzi takowej używa.
gdybym nie pisał stron sam bym ją używał bo jest szybsza,ale jak na razie muszę używać obje.
Jednak mam porównanie jak chrome interpretował strony rok temu a jak teraz jeszcze pół roku i myślę że będzie całkiem dobrą przeglądarką,ale nie w tej chwili.

[Dziudek]

@Mlody87 - w takich sytuacjach zaglądasz do zakłądki "Computed Style" (nad zakłądką "Styles" z której pochodzi Twój screenshot), znajdujesz właściwość border-radius i możesz zobaczyć z jakiego selektora oraz pliku (a nawet której dokładnie linijki) pochodzi używana (wyliczona przez silnik renderujący) wartość ;)

Co do debaty Chrome czy Firefox to nie skomentuję poza tym (żeby przypadkiem ktoś tych wywodów powyżej nie wziął na poważnie), że dawno takich głupot nie czytałem ;)

[Mlody87]

Dziudek, wielkie dzięki! Problem rozwiązany :) Zmieniałem wartość, która odpowiadała za zaokrąglanie innych rogów ;)



Pefik, Benek, wszyscy jacy zabawni i mądrzy tutaj - btw. 'puki'?

[Robster]

benek1234 (http://forum.joomla.pl/member.php?56064-benek1234) słowa nie rozumiem z tego co napisałeś. Złe interpretowanie, strony pisane po staremu... że co?

[muchachos90]

Pozwolę sobie zadać pytanie: czy wszystkie przeglądarki obsługują w pełni CSS3 i HTML5?
Cuda z zaokrąglonymi rogami można z tego co mi wiadomo osiągnąć na dwa sposoby:
1) CSS3
2) pliki tła z zaokrąglonymi rogami
W sieci są też skrypty javascript, które mają pomóc w generowaniu zaokrąglonych rogów.

Wydaje mi się za stosowne stosować pkt 2 do czasu aż wszystkie przeglądarki obsłużą opisywany problem - pod Windows, Mac OS i Linux.

[Dziudek]

@muchachos90 - http://caniuse.com/#search=border-radius - 81.5% przeglądarek wspiera border-radius. Stosowanie grafik z zaokrąglonymi rogami pachnie średniowieczem. Zaokrąglone rogi to nie jest coś co jest koniecznie potrzebne do poprawnego funkcjonowania strony, więc brak wsparcia dla nich w takich reliktach jak IE6-8 można w ogóle olać - zresztą jak ktoś z własnej nieprzymuszonej woli używa takiego bubla (bo przeglądarką w 2013 roku tych programów nazwać nie można) to raczej nie zauważy nawet braku zaokrąglonych rogów.

No i podstawowa sprawa - czasy layoutów pixel perfect się już dawno skończyły ;)

[Jdwind]

Z jednym się nie zgodzę Dziudek - kupa ludzi używa XP, a przy tym IE8 (bo wyższej chyba nie da się zainstalować w XP). Niestety, zresztą. Brak zaokrąglonych rogów w takim przypadku to nie jedyna bolączka, przydałoby się też background-size przynajmniej czasami :).

[Dziudek]

@Jdwind - ale z czym się nie zgodzisz? :) Nigdzie nie napisałem, że należy olać starsze wersje IE zupełnie - napisałem tylko, że przy takich funkcjonalnościach jak border-radius po prostu można brak ich wsparcia zignorować bo to w żaden sposób nie wpływa na funkcjonalność witryny. A stosowanie tak jak w tym wątku ktoś wspomniał grafik do zaokrąglonych rogów, bo ktoś używa IE8 czy IE7 to średniowiecze, ponieważ:

1) Generuje dodatkowe niesemantyczne znaczniki (no bo o multiple backgrounds też w starszych IE można pomarzyć ;))
2) Generuje dodatkową robotę przy cięciu layoutu
3) Generuje dodatkowe zapytania do serwera z powodu dodatkowych grafik
4) W wypadku gdy nagle przyjdzie nam np. zmienić obramowanie kontenera, trzeba zmieniać wszystkie grafiki zastępujące border-radius

Czy dla powyższych utrudnień warto dbać o to by pani Jadzi, która używa IE7 czy IE8 i ma i tak ma głęboko w poważaniu detale designu stronu (gdyż jako osoba nietechniczna ich po prostu nie widzi (bo ją to w ogóle poza treścią strony nie interesuje) ?) wyświetlały się wszędzie zaokrąglone rogi? Moim zdaniem odpowiedź jest jasna ;) A jeżeli klient, dla którego się robi stronę ma obiekcje w tej kwestii to zawsze można go sprowadzić na ziemię krótką piłką - owszem zrobimy to, ale to zwiększy koszta projektu ze względu na sporą liczbę utrudnień - myślę, że mu wtedy też przejdzie troska o panie Jadzie ;)

[Jdwind]

Masz oczywiście rację, a chodziło mi o to, że nie każdy z własnej i nieprzymuszonej woli używa XP z IE<9, bo w większości przypadków ludzi nie stać na zmianę, zwłaszcza czegoś, co im doskonale działa (pomijam kwestie bezpieczeństwa oczywiście), o to mi chodziło właśnie. I druga rzecz - jak mi się może wydaje - w większości przypadków nie robimy stron dla tych "technicznych", ale raczej właśnie dla tych "mniej technicznych" :). Kwestia tematyki oczywiście.
Pozdrawiam

[PeFik]

Dla CSS3 pod IE - są specjalne dodatki, zatem odpada argument, że coś się nie da. Jeśli ktoś ma komórkę z monochromatycznym ekranem, niech nie wymaga kolorów - to w nazwiązaniu do wsparcia dla IE6.

[Dziudek]

Te dodatki odnośnie CSS3 to często jest taki syf, że lepiej sobie darować to w ogóle, zresztą np. dla border-radius nie ma żadnego działającego dodatku albo po aktualizacjach IE one przestały działać.

[Lebodziak]

A ja robię to w ten sposób:
albo:
border-radius: 10px;

albo określam każdy oddzielnie:
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

Wszystko działa, jak należy. IE tak czy siak nie zinterpretuje tego, bo to IE :P a w grafiki to nie warto czasem się bawić, kiedy mamy CSS3.

[alex51]

Wybaczcie, że odgrzebuję starszy wątek, ale być może przyda się komuś rozwiązanie problemu z opornym IE8 na border-radius z css3.
Ostatnio miałem taki sam problem i udało się go rozwiazać dzięki CSS3 PIE (http://css3pie.com/) i poleceniu behavior. Życzeniu klienta stało się zadość i zaokrąglone narożniki widać również w IE8.