image - Kurs HTML i CSS
Tło CSS / Zaczepienie tła obrazkowego {background-attachment}...nieruchome, nawet jeśli będziemy przewijali zawartość strony. Wtedy w wewnętrznym arkuszu stylów strony należy użyć polecenia: body { background-image: url(obrazek.jpg); background-attachment: fixed } Polecenie to ma sens, tylko jeśli określimy równocześnie tło obrazkowe. Różnica pomiędzy wartościami "fixed" a "local" jest taka, że w przypadku drugiej z ich tło pozostaje nieruchome tylko jeśli do przewijania używamy suwaków elementu. Natomiast w przypadku kiedy przewijamy całą stronę...
- Tło CSS / Atrybuty mieszane tła {background}
...atrybuty tła. Już nie musimy wypisywać kolejno wszystkich cech, a jedynie ich konkretne wartości. Wartością może być np.: url(obrazek) (background-image), no-repeat (background-repeat) czy left (background-position). Wszystkie wartości muszą być oddzielone od siebie spacjami. Nie ma wymogu, aby podawać w tej deklaracji pełną listę cech składowych, jednak jeśli jakąś opuścimy, zostanie jej przypisana wartość domyślna. Dlatego poniższa reguła stylów nie ustawi tła koloru czerwonego (red)...
- Menu w CSS / Pionowe menu
...background: #bfb url("tlo.gif") repeat-x top; color: #365; border-left: 1px solid #797; } ul a:hover { background-color: #797; background-image: url("tlo2.gif"); color: #eff; } Do przygotowania powyższego menu potrzebne są trzy grafiki: punkt.gif - punkt listy tlo.gif - tło odnośnika tlo2.gif - tło odnośnika podświetlonego Widok w powiększeniu: Za pomocą CSS nie można dodawać żadnych znaczników do kodu źródłowego dokumentu, nie można zatem wygenerować znacznika <img>, który...
- Menu w CSS / Menu z nagłówkami
...bfb url("tlo.gif") repeat-x top; color: #365; border-left: 1px solid #797; } dl a:hover { background-color: #797; background-image: url("tlo2.gif"); color: #eff; } Wymagane grafiki (punkt.gif, tlo.gif, tlo2.gif) w powiększeniu: