Forum Debian Users Gang

http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

moze sie przyda komus.

[quote=Van]http://ranking.pl/pl/rankings/screen-resolutions.html

Przypominam, że rozdzielczości ekranu o szerokości 1024 pikseli i mniejsze wciąż stanowią te 20% w naszym kraju. Mógłbyś to uwzględnić.[/quote]
Przy czym do takich danych należy podchodzić z dużą dozą ostrożności. Być może 20% wszystkich polskich użytkowników Internetu ma rozdzielczość o rozmiarze mniejszym niż 1024px w poziomie, ale odsetek użytkowników pewnej konkretnej witryny może być odmienny (zarówno większy, jak i mniejszy). Przesadnie wyrazisty przykład: wg tego rankingu około ¼ polskich użytkowników Internetu korzysta z jakiejś wersji Internet Explorera. Jednocześnie na blogu technicznym związanym z uniksowatymi odsetek ten będzie znacznie niższy, być może gdzieś w okolicach 2–3% albo i mniej.

Dlatego znacznie lepiej jest prowadzić własne statystyki i stronę dopasowywać do swoich rzeczywistych odwiedzających (lub odwiedzających docelowych), a nie „przeciętnego Polaka”.

[quote=hello_world]Z tym to bym uważał jeszcze przez jakiś czas bo jak zwykle mały miękki ma inne spojrzenie na standardy. Jeszcze na rynku jest wiele przeglądarek (IE 5,6,7,8), które dobrze interpretują standardy ale tylko w raportach przygotowanych przez Microsoft lub w kooperacji z nimi.  Myślę że mały banan na ustach może się nam pokazać dopiero przy IE9[/quote]
1. Siejesz FUD. IE7, a zwłaszcza IE8, ze standardami radzą już sobie całkiem nieźle. Nie idealnie, jednak trzeba z myślą o nich pisać co najwyżej kosmetyczne poprawki, a nie osobne arkusze stylów (jak było w czasach dominacji IE6).
Oczywiście póki mówimy o zatwierdzonych standardach, czyli CSS2 i HTML4. Jeżeli rozmawiamy o propozycjach standardów, czyli HTML5 i CSS3, tutaj jest znacznie gorzej. Przy czym niektóre fragmenty CSS3 IE też mają zaimplementowane. IE9 z kolei prawie niczym nie różni się od innych liczących się przeglądarek z czasów jego premiery (pół roku temu — cykl wydawniczy IE jest zdecydowanie dłuższy niż pozostałych przeglądarek).

2. IE5 można zobaczyć co najwyżej w koszmarach nocnych (a i tam raczej IE5.5 niż 5.0). Z IE6 wg [url=http://ranking.pl/pl/rankings/web-browsers-details.html]tych danych[/url] korzysta zaledwie niecałe 6% użytkowników IE; wg [url=http://www.ie6countdown.com/#list]tych danych[/url] jest to niecały 1% wszystkich użytkowników sieci w Polsce. O ile nie tworzymy strony przeznaczonej dla bardzo wyspecjalizowanego kręgu odbiorców, możemy IE6 swobodnie olać.

[quote=hello_world]@minio[/quote]
Mój nick rozpoczyna się majuskułą.

[quote=hello_world]Czy znajdziesz w przeglądarce IE7 obsługę kanału alfa (Pokusić sie nawet mogę o IE8)?[/quote]
Mówisz o RGBA? Czy o czym? Pokaż mi odpowiedni fragment ze specyfikacji CSS[b]2[/b].

[quote=hello_world]A jednak ostatnio pomagam (hobbystycznie) zrobić znajomej stronę domową na zasadzie jak chesz tak będziesz miała. I wyobraź sobie, że cała witrynka ma być w fontach MS Comic Sans.
Nie dało jej się powiedzieć że to nie Office Word. Niestety czasami ten jeden klient potrafi wypić Ci całą krew. Oczywiście w tym wypadku nie ma to przełożenia na strukturę wyglądu ale analogicznie można opisać tu inny przykład. Dopóki syf pt. IE5-7 a nawet 8 nie zniknie z rynku zawsze będziesz musiał się dostosować do reguł statystk.[/quote]
Nie rozumiem co ma koleżanka życząca sobie kroju MS Comic Sans na stronie do „syfiastości” IE5-7.
Poza tym starałem się pokazać, że IE5–6 właściwie już zniknęły z rynku. Poza specyficznymi sytuacjami, gdy mogą stanowić 100% użytkowników danej witryny (ale takie rzeczy to raczej tylko w intranetach).

[quote=hello_world]Np. mam przypadek na stronce [url]http://przedszkole208.edu.pl/index.php?page=programy-pracy[/url]l, która jest pod moją opieką że elementy dd mają background w postaci starzałki różowej.
Niby prosta rzecz , a w IE 8 akurat nic nie wyświetla. I jak to się przyjęło mówić kurwa jego mać nie chodzi o akrobatykę artystyczną tylko głupi background dla dd. Pewnie będę musiał przysiąść i to rozwiązać ale pytanie brzmi dlaczego inne przeglądarki to pokazują bezbłędnie a IE8 tak głośno ogłaszany nie.[/quote]
Jak ktoś pływać nie umie, to mu woda za rzadka:
[url]http://haslayout.net/css/No-Background-Image-Bug[/url]
Nieoczekiwane zachowanie jest spowodowane błędem twórcy stylu, który nie oddzielił wartości „url()” i „no-repeat” spacją, jak [url=http://www.w3.org/TR/CSS21/about.html#value-defs]powinien był uczynić[/url]. Po prostu większość parserów jest mniej restrykcyjna niż specyfikacja, wybaczając jednoznaczne błędy i interpretując je tak, jak gdyby nie występowały (były zapisane poprawnie). Co nie znaczy że błędu tam nie ma. W tym wypadku wg mnie zachowanie IE jest w pełni dopuszczalne, gdyż zachowanie w sytuacji napotkania błędu nie jest przez specyfikację określone. IE korzysta z tego prawa, nie wyświetlając obrazka tła.

[quote=hello_world]Tak mówię o rgba[/quote]
Ale RGBA w specyfikacji CSS2 nie istnieje. Określa je dopiero specyfikacja CSS3. Czy raczej propozycja specyfikacji, gdyż cały czas ma status wersji roboczej.

Oczywiście można polemizować ze stanowiskiem, czy model wersji roboczych i ostatecznych jest adekwatny do Internetu oraz przeglądarek. W końcu WHATWG zdecydowało się przemienić HTML5 w zwykłe HTML i uczynić z niego standard ciągły. Jednak decyzja ta nie przeszła w kręgach twórców stron internetowych bez echa. Na potrzeby dyskusji zajmuję stanowisko, że tylko wersje ostateczne (czyli CSS 2.1, HTML 4.01 oraz XHTML 1.1) są standardami, które przeglądarki muszą obsługiwać. Wszystko co nowsze ma już status propozycji, które przeglądarki mogą, ale nie muszą implementować. Poleganie na tych propozycjach przy tworzeniu stron internetowych wiąże się z potencjalnym wykluczeniem części użytkowników, czego należy mieć świadomość.

Zwłaszcza że CSS 2.1 w zupełności wystarcza do opracowania większości rozsądnych layoutów. Jasne, CSS 3 dodaje całą gamę nowych możliwości, jednak nie ma tam nic, bez czego nie dałoby się zrobić dobrej strony internetowej. Co najwyżej proces ten będzie wymagał więcej pracy i kod wyjściowy będzie „brzydszy” (wydawałby się że to zupełnie subiektywna kategoria, ale sądzę, że jest ona raczej intersubiektywna — każdy w miarę doświadczony webmaster wie, co mam na myśli).

http://pinkflood.uphero.com/test.html

podejscie nr:2  zupelnie inne
jak to zrobic aby bylo git:

baner u gory na stale
content zmieniajacy sie w zaleznosci on klikniecia tab-menu po lewej (jak prawidlowo umiescic tam to menu?????)
footer na stale u dolu.

zawartosc bedzie ta sama tylko layout chce zrobic bardziej rewolucyjny!!!
ktos pomoze?????

[img]http://pinkflood.uphero.com/images/dizajn/test.png[/img]

pierwsza wersja to byla na zasadzie hurrra polak potrafi, ta jest bardziej przemyslana i mniej wiecej kumam o co biega z tym html i css (mniej nie wiecej).

a jak lepiej, tj jak latwiej to potem ogarnac (dodawac wpisy zdjecia etc.).
myslalem o linkach ALE.

jak widzisz w linku udalo mi sie obrocic to tab menu ale umiejscowienie go na stale w odpowiednim miejscu graniczy z cudem (dla mnie).

http://mgiesser.com/home/approach/

cos takiego znalazlem

no a jak by rzeczywiscie to menu zrobic u gory, wolalbym uniknac javy.

[quote=pink]no a jak by rzeczywiscie to menu zrobic u gory, wolalbym uniknac javy.[/quote]
Np. tak:

<!DOCTYPE html>
<html>
<head>
        <style>
                html, body, #tabs, section, p, li {
                        margin: 0;
                        padding: 0;
                }
                #tabs {
                        margin-top: 2em;
                }
                #tabs li {
                        display: inline-block;
                        padding: 0 0.5em;
                        height: 2em;
                        border-radius: 0.5em 0.5em 0 0;
                        position: relative;
                        top: 4px;
                        z-index: 1;
                }
                #tabs li:nth-of-type(2n+1) {
                        background-color: yellow;
                }
                #tabs li:nth-of-type(2n+2) {
                        background-color: green;
                }
                #tabs li:nth-of-type(3n) {
                        background-color: red;
                        z-index: 3;
                }
                section {
                        position: relative;
                        border-top: 4px solid black;
                        z-index: 2;
                }
        </style>
</head>
<body>
        <ul id="tabs">
                <li><a href="http://www.free-css.com/">CSS Templates</a></li>
                <li><a href="http://www.free-css.com/">CSS Layouts</a></li>
                <li><a href="http://www.free-css.com/">CSS Books</a></li>
                <li><a href="http://www.free-css.com/">CSS Menus</a></li>
        </ul>
        <section id="content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare nisi imperdiet est lacinia dignissim. Fusce consectetur hendrerit arcu id molestie. Mauris iaculis nunc vulputate erat ornare tempor. In in quam quam, vitae volutpat sapien. Donec in elit tellus, a facilisis metus. Vestibulum sapien lorem, adipiscing sed aliquet ut, consectetur sed metus. Nulla vel nibh tristique massa pellentesque porta ultrices sed lacus. Sed sit amet nibh vitae quam auctor euismod at quis magna. Suspendisse potenti. Aenean dui sapien, dictum eu accumsan id, molestie ac magna. Phasellus aliquet bibendum condimentum. Nullam feugiat, augue eu pellentesque lobortis, risus arcu euismod nisi, sed molestie nibh elit id arcu.</p>
        </section>
</body>
</html>

Zrobienie całych kart/zakładek klikalnymi załatwisz już sobie we własnym zakresie. Tak samo jak ewentualne umiejscowienie tego menu w innym miejscu.

[quote=pink]no a jak by rzeczywiscie to menu zrobic u gory, wolalbym uniknac javy.[/quote]
Javy? Jesteś pewien? Nie wiem kiedy ludzie się nauczą, że Java Script ma tyle wspólnego z Javą co CSS z C ;]

Ostatnio edytowany przez kamikaze (2011-11-02 14:33:17)

a jak zrobic takie kontenery div aby troche na siebie zachodzily tj:


[img]http://www.pinkflood.uphero.com/images/dizajn/test.jpg.png[/img]

Ostatnio edytowany przez pink (2011-11-05 19:46:54)