left - Kurs HTML i CSS
Komendy CSS 2 / margin-top, margin-right, margin-bottom, margin-leftWARTOŚĆ <margin-width> | inherit OPIS Szerokość górnego/prawego/dolnego/lewego marginesu INICJALIZACJA 0 ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY odnosi się do szerokości bloku obejmującego MEDIA visual
- Komendy CSS 2 / padding-top, padding-right, padding-bottom, padding-left
WARTOŚĆ <padding-width> | inherit OPIS Atrybuty mieszane górnego/prawego/dolnego/lewego marginesu wewnętrznego INICJALIZACJA 0 ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY odnosi się do szerokości bloku obejmującego MEDIA visual
- Rozmiary CSS / Szerokość i marginesy automatyczne
...Elementy inline-block, zastępowane Wstęp Podanie wartości auto dla własności określającej szerokość elementu (width) lub jego marginesy (margin-left, margin-right) pozwala dopasować wybrany tą metodą wymiar w taki sposób, aby element poprawnie wyświetlił się w każdych warunkach. Poniżej znajdziesz opis wyznaczania szerokości i marginesów automatycznych dla różnych typów elementów w różnych przypadkach. Nie musisz od razu nauczyć się wszystkich zasad na pamięć, jednak wskazane jest...
HTML dla zielonych / Ustawienie obrazka HTML <img src alt "float">...wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Natomiast jako: "ustawienie" należy wpisać: left Obrazek będzie ustawiony po lewej stronie względem otaczającego go tekstu right Obrazek po prawej stronie względem tekstu Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział: Multimedia / Obrazek. Przykład <img src alt "float">...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...być praktycznie dowolny znacznik, który nie został wypozycjonowany absolutnie [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: left - element ustawiony po lewej stronie, względem elementów sąsiadujących right - element ustawiony po prawej stronie, względem elementów sąsiadujących none - element nie sąsiaduje z innymi Polecenie pozwala zdefiniować ustawienie danego elementu względem elementów, które z nim sąsiadują. Dzięki temu możemy ustalić sposób "oblewania...
- Szablon strony na DIV-ach / Stały szablon
...Stopka serwisu html, body { background-color: #fff; color: #000; margin: 0; padding: 0; text-align: center; } #top { width: 780px; margin-left: auto; margin-right: auto; text-align: left; } #NAGLOWEK { background-color: #888; } #MENU { width: 150px; float: left; overflow: hidden; background-color: #ccc; } #TRESC { width: 630px; float: left; overflow: hidden; background-color: #fff; } #STOPKA { clear: both; width: 100%; background-color: #888; } Wyjaśnienie...
- Menu w CSS / Poziome menu
...bloku (block) oraz oblewanie (float) dla pozycji listy: ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul li { float: left; } Efekt: Czcionki Tekst Tło Marginesy Obramowanie W tym przypadku blokada zawijania tekstu nie jest konieczna, ponieważ nastąpi to zawsze pomiędzy oblewanymi blokami. Wykorzystuje się wtedy właściwość, że kilka elementów z podanym oblewaniem ustawia się obok siebie, nawet jeśli są to elementy blokowe. Jeśli nie określimy szerokości...
- Pozycjonowanie CSS / Przyleganie {clear}
selektor { clear: sposób } Polecenie można zastosować tylko do elementów 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...
- Szablon strony na DIV-ach / Responsywny szablon
...fff; } #STOPKA { background-color: #888; } @media only all and (min-width: 800px) { #MENU { width: 150px; float: left; overflow: hidden; position: relative; } #TRESC { margin-left: 150px; } #STOPKA { clear: both; } } @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; }...
- Komendy CSS3 / Tło i obramowanie CSS
...background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color...