Perfection or Vanity

Używając systemu na pewno mieliście okazję tak zmniejszyć okno, że część etykietek tekstowych w środku została przycięta. Pojawia się wtedy zgrabnie wielokropek wskazując, że dalej jest coś napisane. Nie sposób zliczyć miejsc, w których działa takie proste udogodnienie - występuje praktycznie wszędzie.

Jeśli używasz plików zachowania dla Internet Explorera, takich jak csshover albo pngopacity, to całkiem możliwe, że zaczniesz sobie wyrywać włosy z głowy po wgraniu tychże na serwer. Bo lokalnie działa - a online już nie chce.

Zmierzyłem się kiedyś z obrazkiem, któremu chciałem wyłączyć możliwość łatwego, prawoklikowego zapisu. O ile wtedy wyczyniałem cyrki z linkami, tak teraz mam przyjemność Wam przedstawić wersję elegancką - nie dość że zlikwidujemy pozycję w menu pozwalającą zapisać plik to jeszcze dodamy transparentny znak wodny. Do dzieła. :-)

Trzynaście miesięcy temu walczyłem z dość zaawansowanym menu DHTML z gry MMORPG Dark Throne próbując zamienić je na wersję CSS-ową. Poległem wtedy, nie uzyskując zamierzonego efektu.

Pomimo twierdzeń niektórych osób, że HTML-a i CSS-a można nauczyć się w tydzień, mi zajęło to trochę dłużej. Lecz poświęcony czas zwrócił się z nawiązką - nowe menu w CSS działa dokładnie tak jak sobie wymarzyłem. Działa pod Firefoksem, Operą oraz (ha!) Explorerem 6 (+ powinien pod innymi nowoczesnymi przeglądarkami). :)

W CSS możliwe jest przyporządkowanie elementowi paru klas, rozdzielając ich nazwy spacjami. Wygląda przykładowo to tak:

1. <div class="body multicolumn decorated">...</div>
2. <span class="unimportant striked">Jakiś tekst</span>

Teraz dzięki tym paru deklaracjom możemy po pierwsze zadeklarować oddzielne style dla każdej z klas i łączyć w dowolne kombinacje. Po drugie możemy zadecydować, czy występowanie dwóch (albo i więcej) klas na raz ma włączać specjalne właściwości CSS, niedostępne pojedynczym odwołaniom.

W jednym z komentarzy do poprzedniego wpisu zwrócono mi uwagę, że tak naprawdę to już nie będzie zmian w silniku renderującym najnowszej bety Internet Explorera 7 i powinno się sprawdzać jak strony na nim działają. Więc czemu nie. Tylko że jest jeden problem - siódemki na razie używa bardzo mała garstka osób i nie mam zamiaru pozbywać się wersji poprzedniej, królującej w sieci (i niezbędnej do webdesignu). Znalazłem więc rozwiązanie, które lekko rozszerzone opisuję.