hover - Kurs HTML i CSS
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?...usunąć z następnego znaku jego specjalne znaczenie (tzw. "escape character"). W trybie Quirks przeglądarka Firefox i Opera obsługuje pseudoklasę :hover tylko dla odsyłaczy, obrazków i pól formularzy, chyba że selektor zawiera dodatkowo nazwę znacznika, identyfikator lub atrybuty. W trybie Quirks Opera zawsze powiększa wysokość bloku w taki sposób, aby mieściła się w nim jego zawartość. Natomiast w trybie zgodności ustawienie wartości height jest prawidłowo uwzględnianie. Źródło: CSS...
Menu drzewiaste / Skrypt menu drzewiastego...text-decoration: none; cursor: pointer; } ul.tree li a.folder { cursor: pointer; } ul.tree li a.active { font-weight: bold; } ul.tree li a:hover { text-decoration: underline; } Dodatkowo w tym samym katalogu utwórz plik tree.js i zapisz w nim: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Tree(id) { this.id = id; var url = unescape(window.location.href.replace...
- CSS dla zielonych / Klasy selektorów CSS <div class>
...W tym przypadku spacja pomiędzy nazwą klasy a nazwą znacznika odsyłacza jest konieczna. .menu-nawigacyjne a { color: black; } .menu-nawigacyjne a:hover { color: white; } Dzięki temu prostemu wpisowi w arkuszu stylów, za każdym razem kiedy na dowolnej podstronie serwisu umieścimy następujący kod: <div class="menu-nawigacyjne"> <a href="...">...</a> <a href="...">...</a> <a href="...">...</a> </div> w przeglądarce internetowej wyświetli się bloczek, w którym każdy odsyłacz będzie miał...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...20px; } #menu0 a:link, #menu0 a:visited { display: block; color: #000; text-decoration: none; padding: 4px 5px; } #menu0 a:hover { color: #fff; background-color: #008; } #menu0 dl { position: absolute; border: 0; } #menu0 dl dd { position: relative; left: 151px; bottom: 22px; border-left: 1px solid #eee; border-right: 1px solid #aaa; } Aby ustawić kolejne menu otwierane obok siebie, należy wstawić kilka osobnych bloków <dl>...</dl>, a...