wysokość - Kurs HTML i CSS
Układ elastyczny CSS / Kolejność {order}...się w kodzie źródłowym przed kolumną menu. Mimo tego szerokość automatycznie dopasowuje się do okna przeglądarki. Dodatkowo warto zwrócić uwagę, że wysokość obu kolumn jest identyczna. Uzyskanie takiego efektu w tradycyjny sposób byłoby bardzo trudne i najczęściej wymagało pójścia na pewne kompromisy. <div id="top"> <div id="TRESC">Treść strony...</div> <div id="MENU">Menu nawigacyjne</div> </div> #top { display: flex; } #MENU { width: 150px; min-width: 150px; order: -1; }...
- Układ elastyczny CSS / Wyrównanie wierszy {align-content}
...do obu krawędzi jednocześnie (domyślnie) Polecenie steruje wyrównaniem wielu wierszy wewnątrz kontenera elastycznego, kiedy ich sumaryczna wysokość jest za mała, aby wypełnić całą dostępną przestrzeń. Przykład {align-content} align-content: flex-start blok 1 blok 2 blok 3 blok 4 blok 5 align-content: flex-end blok 1 blok 2 blok 3 blok 4 blok 5 align-content: center blok 1 blok 2 blok 3 blok 4 blok 5 align-content: space-between blok 1 blok 2 blok 3 blok...
- Komendy CSS3 / Podstawowy interfejs użytkownika CSS
...Wymiarowanie pudełka Wartość content-box | border-box Inicjalizacja content-box Zastosowanie wszystkie elementy, które akcektują szerokość i wysokość Dziedziczenie nie Procenty nie Media visual caret-color Kolor karetki tekstowej Wartość auto | <color> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media interactive cursor Kursor myszki Wartość [ [<url> [<x> <y>]?,]* [ auto | default | none | context-menu | help | pointer | progress...
Nowe okno / Generator okienMożliwe jest określenie wyglądu nowego okna (rozmiarów, położenia, pokazanie/ukrycie pasków menu, narzędzi, statusu itp.), poprzez podanie w poleceniu dodatkowych parametrów. Zamiast opisu zamieszam poniżej generator. Otrzymany w nim kod, należy wpisać w miejsce wyróżnionego tekstu, np. jako wartość atrybutu onload="..." (pierwszy sposób). Adres: Nazwa: Szerokość: Wysokość: Odległość od lewej krawędzi ekranu: Odległość od górnej krawędzi ekranu: Wygenerowany...
- Komendy CSS3 / Mowa CSS
Źródło: CSS Speech Module Spis treści cue cue-after cue-before pause pause-after pause-before rest rest-after rest-before speak speak-as voice-balance voice-duration voice-family voice-pitch voice-range voice-rate voice-stress voice-volume cue Atrybuty mieszane sygnału wywoławczego Wartość <'cue-before'> <'cue-after'>? Inicjalizacja zobacz cechy indywidualne Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media speech cue-after Sygnał...
- AutoIFRAME / Kilka ramek AutoIFRAME
Czasami zachodzi potrzeba umieszczenia na jednej stronie kilku ramek <iframe>...</iframe>, których wysokość powinna się automatycznie dopasowywać do zawartości. Oczywiście dla każdej takiej ramki proces dostosowywania wysokości musi zachodzić niezależnie. Aby to zrobić, należy dla każdej takiej ramki należy ustawić odrębny identyfikator id="...". Na przykład tak mógłby wyglądać fragment strony głównej serwisu: <iframe src="..." name="..." id="autoiframe" width="100%" height="560">...</iframe>...
- Wykaz skryptów / Pozostałe skrypty
...zdjęć oraz blokada klawisza Print Screen (prosty zrzut ekranu). Migotanie tekstu Migający tekst, który działa nie tylko w Netscapie. Automatyczna wysokość ramki IFRAME Automatyczne dopasowanie wysokości ramki IFRAME do długości treści strony wczytanej do niej. Wyszukiwarka Wstawienie na własną stronę wyszukiwarki, która pozwala przeszukiwać cały Internet lub/i tylko Twój serwis. Indeks (skorowidz)/wyszukiwarka Automatyczny skorowidz tematyczny, pozwalający użytkownikowi błyskawicznie...
- Ochrona strony
...ikon, który w niektórych przeglądarkach mógł pojawiać się ponad dużymi zdjęciami po "najechaniu" myszką (zwykle oba wymiary grafiki - szerokość i wysokość - muszą wynosić co najmniej 200 pikseli), co umożliwiało m.in. wydruk lub zapisanie grafiki na dysku. Dla wszystkich zdjęć na stronie (wstaw w nagłówku dokumentu - <head>...</head> - poniższy kod): <meta http-equiv="Imagetoolbar" content="no"> Tylko dla wybranych zdjęć: <img src="zdjecie.jpg" alt="Tekst alternatywny" galleryimg="no">...