right - Kurs HTML i CSS
Pozycjonowanie CSS / Przyleganie {clear}...wyświetlanych w bloku (block). Jako "sposób" należy podać: left - lewy bok elementu nie przylega do poprzedzającego elementu pływającego right - prawy bok nie przylega both - żaden bok nie przylega none - brak ograniczeń Polecenie pozwala ustalić pozycję elementów sąsiadujących względem elementu pływającego (np. obrazka). Określa które krawędzie elementu następującego po elemencie pływającym nie będą do niego przylegać. Polecenia pozwalające sterować przyleganiem elementów są...
HTML dla zielonych / Akapit HTML <p "text-align">...(domyślnie) <p style="text-align: left">Treść akapitu</p> lub po prostu <p>Treść akapitu</p> Wyrównanie tekstu do prawej <p style="text-align: right">Treść akapitu</p> Wyśrodkowanie tekstu <p style="text-align: center">Treść akapitu</p> Justowanie tekstu (wyrównanie do obu marginesów jednocześnie) <p style="text-align: justify">Treść akapitu</p> We wszystkich przypadkach wyróżnione zostały właśnie atrybuty znacznika wraz z ich wartościami (wartość atrybutu podaje się w cudzysłowie...
- Menu w CSS / Poziome menu
...none; display: block; font-weight: bold; background: #000 url("tlo.gif") repeat-x center; color: #fff; padding: 10px 20px; border-right: 1px solid #fff; border-right: 1px solid #fff; } ul a:hover { background-color: #800; background-image: url("tlo2.gif"); } Chociaż w tym przykładzie rozmiary odnośników nie zostały ustalone, wyświetliliśmy je blokowo z uwagi na możliwy błąd w bardzo starych przeglądarkach. Ponadto konieczne było przypisanie oblewania (float: left)...
- Tekst CSS / Wyrównanie tekstu {text-align}
...komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wyrównanie" należy podać: left - wyrównanie tekstu do lewego marginesu (domyślnie) right - wyrównanie do prawego marginesu center - do środka (wyśrodkowanie) justify - do obu marginesów jednocześnie (justowanie) Polecenie pozwala wybrać jeden z możliwych sposobów wyrównania tekstu, czyli jego ułożenia na ekranie. Przykład {text-align} wyrównanie left (domyślnie) wyrównanie left - do lewego marginesu left wyrównanie...
- Tło CSS / Gradient liniowy {background: linear-gradient repeating-linear-gradient}
...rozłożenia barw. Można go podać na dwa sposoby: słowa kluczowe to top - przejście kolorów nastąpi pionowo z dołu do góry (odpowiednik 0deg) to right top - ukośnie z lewego-dolnego do prawego-górnego narożnika to right - poziomo z lewej do prawej strony (odpowiednik 90deg) to right bottom - ukośnie z lewego-górnego do prawego-dolnego narożnika to bottom - pionowo z górny do dołu (odpowiednik 180deg - domyślnie) to left bottom - ukośnie z prawego-górnego do lewego-dolnego narożnika to...
- Znaki specjalne HTML / Symbole
...w górę ↑ → → Rghtwards arrow Strzałka w prawo → ↓ ↓ Downwards arrow Strzałka w dół ↓ ↔ ↔ Left right arrow (horizontal) Strzałka lewo-prawo ↔ ↵ ↵ Downwards arrow with corner leftwards (carriage return) Strzałka w dół z rogiem w lewo (powrót karetki) (w IE6 tylko czcionka Unicode) ↵ ⇐ ⇐ Leftwards double arrow Podwójna strzałka w lewo (w IE6 tylko czcionka Unicode) ⇐ ⇑ ⇑ Upwards double...
- Znaki specjalne HTML / Międzynarodowe
...zwnj; Zero width non-joiner Pionowa linia ‍ ‍ Zero width joiner Pionowa linia z łącznikiem ‎ ‎ Left-to-right mark Znak "lewa do prawej" ‏ ‏ Right-to-left mark Znak "prawy do lewego" – – En dash Powiększony myślnik – — — Em dash Uwydatniony myślnik — ‘ ‘ Left single quotation mark Lewy pojedynczy znak cudzysłowu ‘ ’ ’ Right single quotation mark Prawy...
- Szablon strony na DIV-ach / Responsywny szablon
...media only all and (min-width: 1280px) { html, body { text-align: center; } #top { width: 1260px; margin-left: auto; margin-right: auto; text-align: left; } #MENU { width: 300px; } #TRESC { width: 960px; float: left; overflow: hidden; margin-left: 0; } #STOPKA { width: 100%; } } Wyjaśnienie: Na początku powyższego arkusza stylów znajdują się podstawowe reguły przystosowujące stronę dla najmniejszych urządzeń mobilnych. Takie...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...podać: left: wartość - odległość od lewej krawędzi położenia spoczynkowego top: wartość - odległość od górnej krawędzi położenia spoczynkowego right: wartość - odległość od prawej krawędzi położenia spoczynkowego bottom: wartość - odległość od dolnej krawędzi położenia spoczynkowego Wyraz "wartość" oznacza konkretną odległość (od podanej krawędzi) względem położenia elementu bez używania pozycjonowania - położenie spoczynkowe. Należy ją wpisać używając jednostek długości. Wartość...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...jako auto, ich wartości stają się równe. Przykład <div>1</div> <div style="width: 50%; margin-left: 0">2</div> <div style="width: 50%; margin-right: auto">3</div> <div style="width: 50%; margin-left: auto">4</div> <div style="width: 50%; margin-left: auto; margin-right: auto">5</div> Pierwszy blok jest wyświetlany tak samo w trybie zgodności jak i w Quirks - szerokość przyjmuje wartość 100% a marginesy zero. Dla drugiego bloku została określona szerokość i lewy margines, a więc...