css.-antologia.-101-wskazowek-i-trikow- helion, ebooki3
[ Pobierz całość w formacie PDF ]
6
CSS. Antologia. 101 wskazówek i trików
Rozdział 3. CSS i rysunki .................................................................................. 55
Jak dodać ramkę do rysunku .......................................................................................... 55
Czym w CSS zastąpić odradzany w specyfikacji HTML atrybut rysunków border ....... 57
Jak za pomocą CSS zdefiniować tło w postaci rysunku ................................................. 58
Jak zdefiniować położenie rysunku tła ........................................................................... 61
Jak wstawić rysunek tła, który pozostanie nieruchomy w trakcie przewijania strony .... 63
Jak zdefiniować tło nie tylko dla strony WWW,
ale także dla poszczególnych elementów ..................................................................... 65
Jak umieścić tekst na rysunku ........................................................................................ 68
Jak zdefiniować w dokumencie więcej niż jedno tło ...................................................... 69
Podsumowanie ............................................................................................................... 70
Rozdział 4. Systemy nawigacji .......................................................................... 71
Jak za pomocą CSS zastąpić system nawigacji oparty na rysunkach ............................. 72
Jak za pomocą CSS zmodyfikować listę elementów tak,
aby wyglądała jak menu nawigacyjne .......................................................................... 77
Jak za pomocą CSS uzyskać efekt najazdu bez użycia rysunków i JavaScript ............... 81
Czy za pomocą CSS i list można stworzyć podmenu? ................................................... 82
Jak utworzyć menu poziome za pomocą listy elementów i CSS .................................... 86
Jak za pomocą CSS utworzyć przyciski nawigacji ......................................................... 90
Jak w CSS utworzyć system nawigacji zawierający zakładki ........................................ 92
Jak zmienić rodzaj kursora ............................................................................................. 99
Jak w CSS uzyskać efekt najazdu bez wykorzystania JavaScript ................................. 101
Podsumowanie ............................................................................................................. 104
Rozdział 5. Tabele .......................................................................................... 105
Jak za pomocą CSS wyświetlić dane z arkusza kalkulacyjnego ................................... 106
Jak zapewnić odpowiednią dostępność i atrakcyjność danych tabelarycznych
umieszczonych na stronie internetowej ...................................................................... 107
Jak dodać ramkę do tabeli, nie używając atrybutu HTML border ................................ 110
Jak usunąć odstępy pomiędzy komórkami tabeli po dodaniu ramek CSS .................... 112
Jak wyświetlić dane tabelaryczne w atrakcyjny i praktyczny sposób ........................... 113
Jak wyświetlić w dwóch różnych kolorach wiersze tabeli ............................................ 117
Jak zmienić kolor tła wiersza tabeli po wskazaniu go kursorem .................................. 120
Jak za pomocą CSS utworzyć kalendarz ...................................................................... 122
Podsumowanie ............................................................................................................. 132
Rozdział 6. Formularze i elementy interfejsu użytkownika ................................ 133
Jak za pomocą CSS nadać styl elementom formularza ................................................. 134
Jak definiować różne style dla pól tego samego formularza ......................................... 137
Jak uniknąć automatycznego wstawiania
w formularzu białych znaków i nowych linii ............................................................. 139
Jak sprawić, aby przycisk wysyłania wyglądał jak zwykły tekst .................................. 140
Jak umożliwić użytkownikom urządzeń tekstowych
poprawne wypełnienie formularza ............................................................................. 141
Jak wykonać dwukolumnowy układ formularza, nie stosując tabel ............................. 144
Jak utworzyć grupę dla powiązanych ze sobą pól ........................................................ 148
Jak nadać styl literom klawiszy dostępu ....................................................................... 152
Jak zdefiniować kolory dla elementów listy rozwijanej ............................................... 154
Jak za pomocą CSS sformatować formularz
pozwalający wpisywać dane jak do arkusza kalkulacyjnego ..................................... 155
Jak wyróżnić aktywne pole formularza ........................................................................ 161
Podsumowanie ............................................................................................................. 163
Spis treści
7
Rozdział 7. Współpraca z przeglądarkami i urządzeniami przenośnymi .............. 165
W jakich przeglądarkach powinienem testować projektowaną witrynę ....................... 166
Mam dostęp tylko do jednego systemu operacyjnego.
Jak przetestować przeglądarki działające na innych systemach? ............................... 167
Czy istnieje usługa, która umożliwi mi sprawdzenie
funkcjonalności projektowanej witryny w innych przeglądarkach?............................ 170
Czy istnieje możliwość zainstalowania na jednym komputerze
kilku wersji przeglÄ…darki Internet Explorer? .............................................................. 171
Jak przetestować witrynę w przeglądarce tekstowej .................................................... 173
Jak przetestować witrynę w aplikacji odczytującej na głos treść witryny .................... 174
Jak ukryć formatowanie CSS w Netscape 4 ................................................................. 175
Jak stosować zróżnicowane style w Netscape 4 ........................................................... 177
Jak poinformować użytkowników przeglądarek w wersji 4
o zubożonym wyglądzie witryny ............................................................................... 181
Jak ukryć kod CSS, aby nie był analizowany przez określone przeglądarki ................ 183
Dlaczego moja witryna w przeglÄ…darce Internet Explorer 6
wygląda inaczej niż w Mozilli? ................................................................................. 189
Zdaje się, że znalazłem błąd w CSS! Co robić? ........................................................... 193
Część zawartości mojej witryny znika w przeglądarce Internet Explorer 6!
Co siÄ™ dzieje? ............................................................................................................. 195
Co oznaczają komunikaty o błędach
i komunikaty ostrzegawcze w narzędziu W3C Validator? ......................................... 199
Jak utworzyć arkusz stylów dla określonych urządzeń,
na przykład odczytujących na głos zawartość witryny lub zestawów WebTV .......... 200
Jak utworzyć arkusz stylów przeznaczony do drukowania dokumentów ..................... 202
Niektóre przeglądarki umożliwiają użytkownikowi wybór arkusza stylów.
W jaki sposób mogę dodać alternatywny arkusz stylów do swojej witryny? ............. 211
Jak zastosować przełącznik arkuszy stylów ................................................................. 214
Jak stosować alternatywne arkusze stylów, nie powielając kodu ................................. 217
Podsumowanie ............................................................................................................. 221
Rozdział 8. Położenie elementów i modyfikacja układu strony za pomocą CSS .... 223
Kiedy stosować klasę, a kiedy ID ................................................................................. 223
Jak sprawić, aby element sąsiadujący był wyświetlany jako blokowy i na odwrót ...... 224
Jak w CSS funkcjonują odstępy i marginesy ................................................................ 226
Jak sprawić, aby rysunek był otaczany przez tekst,
nie korzystajÄ…c z atrybutu HTML align ..................................................................... 229
Jak sprawić, aby inne elementy były wyświetlane pod elementem pływającym .......... 232
Jak wyrównać logo i tytuł witryny, nie stosując tabeli ................................................. 235
Jak za pomocą CSS zdefiniować położenie elementu na stronie .................................. 240
Jak umieścić blok na środku strony .............................................................................. 243
Jak utworzyć przejrzysty, dwukolumnowy układ zawierający z lewej strony menu,
a z prawej główną treść .............................................................................................. 246
Czy można odwrócić ten układ i umieścić menu po prawej stronie? ........................... 252
Jak stworzyć dwukolumnowy, wyśrodkowany układ o zdefiniowanej szerokości ....... 253
Jak za pomocą CSS stworzyć trzykolumnowy układ strony ........................................ 264
Jak za pomocą CSS dodać stopkę,
która będzie prawidłowo wyświetlana w każdych warunkach ................................... 275
Jak wyświetlić galerię miniatur zdjęć, nie stosując tabeli ............................................ 281
Podsumowanie ............................................................................................................. 286
8
CSS. Antologia. 101 wskazówek i trików
Rozdział 9. Specjalne techniki CSS ................................................................. 287
Jak stworzyć kolorowe paski przewijania .................................................................... 287
Jak utworzyć menu, które będzie widoczne
nawet po przewinięciu zawartości strony ................................................................... 289
Jak uzyskać nieruchome menu w przeglądarce Internet Explorer ................................ 293
Czy za pomocą CSS mogę utworzyć stopkę, która pozostaje nieruchoma jak ramka? ..... 297
Czy można wyłącznie za pomocą CSS utworzyć menu rozwijane? ............................. 304
Czy w CSS można zaokrąglić narożniki ramek? .......................................................... 309
Jak za pomocą CSS uzyskać efekt zaokrąglonych narożników, który będzie działał
w przeglądarkach innych niż Mozilla ........................................................................ 311
Jak w przeglÄ…darkach Mozilla i Internet Explorer
stworzyć półprzezroczyste elementy .......................................................................... 317
Jak za pomocą CSS wyróżnić zewnętrzne łącza ........................................................... 320
Czy można użyć CSS do wstawiania tekstu do dokumentu? ........................................ 322
Jak zdefiniować styl dla pierwszej linii lub pierwszej litery w bloku ........................... 323
Czy stosowanie efektów, które nie działają w niektórych przeglądarkach, to coś złego? .....327
Podsumowanie ............................................................................................................. 327
Skorowidz ..................................................................................... 329
Rozdział 2.
Style tekstowe i inne
techniki podstawowe
Ten rozdział omawia zastosowanie CSS do formatowania tekstu, a także dostarcza
kolejnej porcji wiedzy na temat CSS oraz odpowiedzi na niektóre z często pojawiających
się pytań. Jeśli CSS jest dla Ciebie nową techniką, analizując zawarte tu przykłady
poznasz właściwości i sposoby jej wykorzystania. Dzięki nim będziesz mógł szerzej
spojrzeć na kaskadowe arkusze stylów i rozpocząć własne eksperymenty. Dla tych,
którzy znają już podstawy CSS, niniejszy rozdział będzie przypomnieniem tych wia-
domości, które być może zdążyły już ulecieć z pamięci.
Zaprezentowane przykłady działają poprawnie w różnych przeglądarkach w różnych
wersjach. Pamiętaj, że testowanie kodu w wielu aplikacjach jest bardzo ważne, chociaż
akurat w przypadku stylów tekstowych nie powinno być jakichkolwiek problemów.
Jedynie w starszych wersjach przeglądarek mogą wystąpić pewne rozbieżności w wy-
świetlaniu stron, jednak nie będą to poważne błędy.
Jak zastąpić znacznik czcionki
za pomocÄ… CSS
Określanie wyglądu tekstu w przeglądarkach za pomocą CSS jest możliwe od czasu
czwartych wersji IE i Netscape, więc nie ma powodów, aby do tego celu wciąż stoso-
wać znacznik
<font>
. Zastąpienie go odpowiednim stylem to najprostszy sposób forma-
towania tekstu przy użyciu CSS.
Korzystając ze znaczników
<font>
, należy koniecznie zdefiniować styl dla każdego
akapitu na każdej stronie witryny:
<p><font color="#800080"
face="Verdana,Geneva,Arial,Helvetica,sans-serif">Nadziewane papryki to
znakomita przystawka lub dodatek do dania kuchni chi
Å„
skiej. Nadaj
Ä…
si
Ä™
równie
ż
do umieszczenia na stole szwedzkim i nawet dzieci lubi
Ä…
je je
ść
. </font></p>
Â
[ Pobierz całość w formacie PDF ]