margin - Kurs HTML i CSS
AutoIFRAME / Skrypt AutoIFRAME...należy wkleić kod: <script> autoiframe(null, 200); </script> W wyróżnionym miejscu (w nawiasie) można podać wartość dodatkowego wstępnego "marginesu" pionowego na końcu podstrony. Jest on szczególnie przydatny, jeśli na stronie znajdują się zdjęcia o niezdefiniowanych wymiarach za pomocą atrybutów width="..." oraz height="..." znacznika <img>. W takim przypadku margines ten należy dobrać na tyle duży, aby podczas doczytywania obrazów - a tym samym stopniowej zmiany wysokości treści...
Marginesy CSS / Model pudełkowy CSS...prostokątny obszar zwany pudełkiem (ang. Box model). Pudełko składa się z: Zawartości - "Content" (np. test, obrazek itd.) Otaczających marginesów wewnętrznych - "Padding" Obramowania - "Border" Marginesów - "Margin" Ostatnie trzy składniki są opcjonalne, tzn. mogą mieć wartość zero. Obwód (zewnętrzny) każdego z czterech obszarów nazywamy krawędzią ("Edge"). Według CSS rozmiary elementu (własności width oraz height) odnoszą się do samej zawartości ("Content") i nie wpływają...
- Marginesy CSS / Górny margines wewnętrzny {padding-top}
...to pozwala zdefiniować dodatkowy wewnętrzny odstęp pomiędzy elementami, np. tekstem i obramowaniem tabeli (co nie byłoby możliwe poprzez ustalenie marginesu - margin). Jest przydatne np. w połączeniu z tłem pod tekstem, obramowaniem, czy też tabelami. W przeglądarce Opera każda strona posiada domyślnie ustalone niezerowe marginesy wewnętrzne. Jeżeli chcemy je zlikwidować, należy do selektora BODY przypisać następujący styl: body { padding: 0 } Przykład {padding-top} Tekst w tej komórce...
- Drukowanie CSS / Druk dwustronny @page :left :right
...i uruchamiając wydruk stron parzystych. Jeśli takie arkusze papieru chcielibyśmy później spiąć jak książkę, dla wygodniejszego odwracania kartek marginesy wydruku powinny być asymetryczne. Gdy rozłożymy spięty wydruk, kartka leżąca po lewej stronie powinna mieć prawy margines szerszy, a kartka po prawej stronie - lewy margines szerszy. Taki efekt można uzyskać stosując pseudoklasy :left i :right, które pozwalają ustawić różne marginesy wydruku dla stron lewych i prawych. W językach o...
- Przeglądarka zdjęć
...odpowiednio wystylizować przeglądarkę zdjęć, można do niej dołączyć np. taki arkusz CSS: .zdjecia { text-align: center; } .zdjecia_menu { margin-bottom: 10px; font-size: 10px; } .zdjecia_menu input, .zdjecia_menu select { font-size: 10px; } .zdjecia_opis { margin-top: 10px; text-align: justify; } Najwygodniej będzie zapisać go w osobnym pliku z rozszerzeniem *.css - np. przegladarka_zdjec.css i osadzić w nagłówku dokumentu za pomocą znacznika: <link...
- Dobre praktyki / CSS Zorientowane Obiektowo
...tej klasy może wyglądać na przykład tak: .Menu { background-color: white; } .Menu ul, .Menu li { display: block; list-style: none; margin: 0; padding: 0; } .Menu li { float: left; margin-right: 1em; } .Menu a { color: blue; text-decoration: none; } Kompozycja Zwróćmy uwagę, że typowy artykuł może zawierać informacje o: autorze - np. z jego imieniem, nazwiskiem i zdjęciem źródle - nazwa, logo i odnośnik Każdy z tych elementów można traktować jako osobny...
- Komendy CSS3 / Kształty CSS
Źródło: CSS Shapes Module Level 1 Spis treści shape-outside shape-image-threshold shape-margin shape-outside Kształt obszaru oblewania Wartość none | [ <basic-shape> || <shape-box> ] | <image> Inicjalizacja none Zastosowanie elementy z oblewaniem (float) Dziedziczenie nie Media visual shape-image-threshold Wybór pikseli obrazka obszaru oblewania Wartość <number> Inicjalizacja 0.0 Zastosowanie elementy z oblewaniem (float) Dziedziczenie nie Media visual shape-margin...
Ikony (symbole) / Formatowanie tekstu...góry align_vertical_top align_vertical_top Wyjaśnij clarify clarify Tryb wiadomości newsmode newsmode Zawijaj tekst wrap_text wrap_text Margines margin margin Widok tablicy view_array view_array Indeks dolny subscript subscript Marker do rysowania ink_highlighter ink_highlighter Licznik 2 counter_2 counter_2 Równy equal equal Styl obramowania border_style border_style Wyczyść obramowanie border_clear border_clear Wiadomości news news Inspekcja ramki frame_inspect frame_inspect...
- Marginesy CSS / Załamywanie marginesów
W przypadku sąsiadowania ze sobą lub zagnieżdżania wewnątrz siebie elementów posiadających marginesy, może zajść proces załamywania marginesów zewnętrznych (ang. collapsing margins), polegający na połączeniu kilku sąsiadujących odstępów w jeden o rozmiarze pojedynczego marginesu, a nie sumy składowych. Według CSS 2.1 załamywane mogą być tylko marginesy pionowe w następujących przypadkach: Dwa lub więcej sąsiadujące marginesy pionowe bloków bez "oblewania" (float) zostają załamane. Wynikowy...
- Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}
...własności marker-offset przez zespół reguł CSS interpretowanych praktycznie wszędzie: ul, li { list-style-type: none; display: block; margin: 0; padding: 0; } ul li { background: url(marker.gif) no-repeat left top; padding-left: 20px; } Pierwsza z reguł stylów powyżej usuwa domyślne formatowanie wykazu oraz jego punktów. Trzeba tutaj nadmienić, że z uwagi na różnice w interpretacji nie wszystkie z wymienionych poleceń formatujących w tej deklaracji jest wymagana we...