hidden - Kurs HTML i CSS
HTML5 / Nowe elementy HTML5...footer, header, hgroup, main, nav, search, section { display: block; } audio, canvas, embed, meter, progress, video { display: inline-block; } [hidden] { display: none; } Jeżeli nie korzystasz z możliwości CSS, nie musisz używać tej sztuczki... ale może w takim razie to już najwyższy czas, aby poznać Kaskadowe Arkusze Stylów 😉 Sekcje Sekcje to odrębne tematycznie fragmenty treści na stronie. Można je porównać do rozdziałów w książce. Każda sekcja może mieć nagłówek (tytuł rozdziału)...
Rozmiary CSS / Szerokość i marginesy automatyczne...element z określoną dużą szerokością, jak np. obrazek. Aby do tego nie dopuścić, można dla wszystkich bloków ustawić dodatkowy styl overflow: hidden, co spowoduje przycięcie prawej części treści, która nie mieści się w wyznaczonej szerokości. Co prawda wtedy nie będzie można odczytać uciętej treści, ale układ strony nie zmieni się w sposób niekontrolowany. 6. Elementy z oblewaniem (float) zastępowane Przykład: IMG, INPUT, TEXTAREA, SELECT, OBJECT - z ustawionym stylem float różnym od...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...komórka5 komórka6 komórka7 komórka8 komórka9 table-layout: fixed; width: 100% komórka1 Sposób na Firefoxa i Operę 9: <div style="overflow: hidden"> Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce </div> komórka3 komórka4 komórka5 komórka6 komórka7 komórka8 komórka9
- Komendy CSS 2 / overflow
WARTOŚĆ visible | hidden | scroll | auto | inherit OPIS Kontroluje przepełnienie elementu INICJALIZACJA visible ZASTOSOWANIE elementy blokowe i zastępowane DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / visibility
WARTOŚĆ visible | hidden | collapse | inherit OPIS Widzialność INICJALIZACJA inherit ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Formularze HTML / Wysłanie formularza <input "submit, image">
...np. PHP własność tą często wykorzystuje się do potwierdzania decyzji użytkownika: <form action="?akcja=kasowanie" method="post"> <input type="hidden" name="id" value="1"> <p>Czy na pewno chcesz to zrobić?</p> <input type="submit" name="potwierdzenie" value="Tak"> <input type="submit" name="potwierdzenie" value="Nie"> </form> Pytania i odpowiedzi <input "submit"> Jak wysłać formularz HTML? Domyślnie formularz jest wysyłany, jeśli użytkownik wciśnie Enter wpisując coś w dowolnym...
- Komendy CSS3 / Wyświetlanie CSS
...dzieci kontenera elastycznego i dzieci kontenera układu siatki Dziedziczenie nie Procenty nie visibility Widzialność Wartość visible | hidden | collapse Inicjalizacja visible Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media visual
- Komendy HTML 4.01 / INPUT
...TITLE="tekst" Tekst pomocniczy TYPE="typ" Typ kontrolki: button - przycisk checkbox - przełącznik (pole wyboru) file - selektor plików hidden - ukryta kontrolka (nie jest wyświetlana, ale jej wartość jest przesyłana z formularzem) image - graficzny przycisk wysłania formularza password - jednoliniowe pole tekstowe z ukrytym wpisywanym tekstem (np. seria gwiazdek) radio - przełącznik (pole opcji) reset - przycisk czyszczenia danych formularza submit - przycisk wysłania...
- HTML5 / Główna treść <main>
...które nie powtarzają się na innych stronach. W pojedynczym dokumencie nie można umieścić więcej niż jednego elementu MAIN, chyba że zawiera atrybut hidden. Element MAIN nie może być również umieszczony - bezpośrednio lub pośrednio - wewnątrz znaczników innych niż: HTML, BODY, DIV, FORM. Przykład <main> <!doctype html> <html lang="pl"> <head> <meta charset="utf-8"> <title>Matrix - Serwis kinomaniaków</title> <head> <body> <header> Serwis kinomaniaków <nav> <ul>...
Wyszukiwarka / Wyszukiwanie w całym światowym 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="submit" value="Szukaj"> </form> Jeśli dokumenty w Twoim serwisie korzystają z innej strony kodowej niż utf-8, wstaw w wyróżnionym miejscu jej nazwę. Przykład