right - Kurs HTML i CSS
Komendy CSS 2 / padding-top, padding-right, padding-bottom, padding-leftWARTOŚĆ <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
- Komendy CSS 2 / right
WARTOŚĆ <długość> | <procent> | auto | inherit OPIS Odległość od prawej krawędzi elementu pozycjonowanego INICJALIZACJA auto ZASTOSOWANIE elementy pozycjonowane DZIEDZICZENIE nie PROCENTY odnosi się do szerokości bloku obejmującego MEDIA visual
HTML dla zielonych / Ustawienie obrazka HTML <img src alt "float">...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"> style="float: left", style="float: left", style="float: left", style="float: left...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...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 przynajmniej...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...[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" tekstem elementu pływającego (np. obrazka). Przykład {float} float: left... float...
- Komendy CSS3 / Tło i obramowanie CSS
...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 border-right-style border-right-width...
- Szablon strony na DIV-ach / Stały szablon
...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: Pierwszą regułą stylów w...
Aktualizacja / System newsów...css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz */ border-width: 1px; /* grubość obramowania */ border-style: solid; /* styl obramowania: solid, dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ font-weight: bold; } .news dt, .news dt a:link, .news dt a:visited...
- Szablon strony na DIV-ach / Płynny szablon
...MENU { width: 150px; float: left; overflow: hidden; position: relative; background-color: #ccc; } #INFORMACJE { width: 150px; float: right; overflow: hidden; position: relative; background-color: #ccc; } #TRESC { margin-left: 150px; margin-right: 150px; background-color: #fff; } #STOPKA { clear: both; background-color: #888; } Sytuacja analogiczna jak poprzednio, jednak teraz musimy ustawić kolumnę dodatkowych informacji po prawej stronie treści strony (float...
- Tło CSS / Pozycja tła obrazkowego {background-position}
...Wstawianie stylów]. Natomiast jako "pozycja" należy wpisać: Jedną wartość: center - obrazek na środku (w centrum) left - obrazek po lewej right - po prawej top - na górze bottom - na dole jednostka długości - odległość od lewej krawędzi Dwie wartości (oddzielone spacją): left top - lewy-górny róg left bottom - lewy-dolny róg right top - prawy-górny róg right bottom - prawy-dolny róg dwie jednostki długości, z których pierwsza oznacza odległość od lewej krawędzi, a druga...