hidden - Kurs HTML i CSS
Galeria zdjęć HTML / Skrypt galerii zdjęć...goForward, onClose, onLoad) { this.onLoad = onLoad; this._overflow = document.body.style.overflow; document.body.style.overflow = 'hidden'; this.container = this._createContainer(); this.progress = this._createPropress(); this.container.appendChild(this.progress); this.caption = this._createCaption(); this.container.appendChild(this.caption); this.back = this._createNavigation('❮', this.style.back, goBack); this.container.appendChild(this.back)...
Oprawa graficzna / Zamiennik obrazkowy...div { background-image: url(obrazek.gif); width: 200px; height: 50px; } div span { display: block; width: 0; height: 0; overflow: hidden; } Wady: Konieczny dodatkowy element (SPAN) Po wyłączeniu wyświetlania grafiki, w przeglądarce nie widać tekstu ani obrazka Przykład Zamiennik obrazkowy Phark Obie przedstawione wcześniej metody do poprawnego działania wymagają dodatkowego elementu. Nie zawsze jednak mamy możliwość modyfikacji kodu źródłowego HTML, a nawet jeśli...
- Wyszukiwarka / Wyszukiwanie tylko w polskim Internecie
<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="hidden" name="lr" value="lang_pl"> <input type="submit" value="Szukaj"> </form> Przykład
HTML5 / Nowe atrybuty HTML5...formnovalidate - pominięcie walidacji kontrolek formularza przy wysyłaniu formularza; formtarget - cel nawigacyjny dla wysyłania formularza hidden Wszystkie elementy Czy element jest istotny imagesizes, imagesrcset LINK (rel="preload") imagesizes - rozmiary obrazków dla różnych układów strony; imagesrcset - obrazki do użycia w różnych sytuacjach, np. na wyświetlaczach o wysokiej rozdzielczości, małych monitorach itp. inert Wszystkie elementy Czy element jest bierny...
- Obramowanie CSS / Styl obramowania {border-...-style}
...akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "styl" należy wpisać: none - brak obramowania Przykład border-top-style: none hidden - ukryte obramowanie Przykład border-top-style: hidden dashed - linia kreskowa Przykład border-top-style: dashed dotted - linia kropkowa Przykład border-top-style: dotted solid - linia ciągła Przykład border-top-style: solid double - linia ciągła podwójna Przykład border-top-style: double groove - "rowek" Przykład...
- HTML5 / Kategorie elementów HTML5
...zawartość przepływową lub zawartość frazową, powinny zawierać przynajmniej jeden element, który jest zawartością namacalną i który nie ma atrybutu hidden. A, ABBR, ADDRESS, ARTICLE, ASIDE, AUDIO (controls), B, BDI, BDO, BLOCKQUOTE, BUTTON, CANVAS, CITE, CODE, DATA, DEL, DETAILS, DFN, DIV, DL (jeśli zawiera przynajmniej jedną parę elementów DT i DD), EM, EMBED, FIELDSET, FIGURE, FOOTER, FORM, H1, H2, H3, H4, H5, H6, HEADER, HGROUP, I, IFRAME, IMG, INPUT (z wyjątkiem type="hidden"), INS, KBD...
- Wyszukiwarka / Wyszukiwanie w podanym serwisie
<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="hidden" name="sitesearch" value="domena"> <input type="submit" value="Szukaj"> </form> gdzie jako "domena" należy wpisać adres strony, np. www.google.pl. Wyszukiwanie stron z Twojego serwisu może być niemożliwe jeśli nie posiadasz domeny lub subdomeny! Ponadto należy pamiętać, że aby przeszukiwanie serwisu mogło się odbyć, najpierw należy...
- Reguły warunkowe CSS / Zapytania właściwości @supports
...warunkowych: @supports (display: flex) { body { display: flex; } #MENU { width: 150px; min-width: 150px; order: -1; overflow: hidden; } } Natomiast dla przeglądarek, które nie obsługują takiego układu, możemy podać alternatywne reguły CSS: @supports not (display: flex) { #MENU { width: 150px; float: left; overflow: hidden; position: relative; } #TRESC { margin-left: 150px; } } Możliwe jest również określanie bardziej skomplikowanych warunków...
- Ochrona strony
...<body ondragstart="return false" ondrag="return false"> ... </body> Blokada drukowania <body onbeforeprint="document.body.style.visibility = 'hidden'; alert('Wydruk jest niedostępny!')" onafterprint="document.body.style.visibility = 'visible'"> ... </body> Blokada zapisu wybranych zdjęć <img src="zdjecie.jpg" alt="Tekst alternatywny" onmousedown="return false" oncontextmenu="return false" onselectstart="return false" onselect="return false" oncopy="return false" ondragstart="return...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...(BODY) wpisz np.: <header style="text-align: center">Tutaj można umieścić logo serwisu</header> <nav style="width: 300px; float: left; overflow: hidden"> Tu umieszcza się odsyłacze spisu treści </nav> <article style="margin-left: 320px"> Tu wpisuje się treść strony </article> <footer style="text-align: center; clear: both">Tutaj można umieścić stopkę serwisu</footer> a otrzymamy: Tutaj można umieścić logo serwisu Tu umieszcza się odsyłacze spisu treści Tu wpisuje się treść strony...