ustawienie obrazka - Kurs HTML i CSS
HTML dla zielonych / Ustawienie obrazka HTML <img src alt "float"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" style="float: ustawienie"> gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" 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...
- Komendy HTML 4.01 / Wykaz atrybutów
...klawisza dostępu action FORM (wymagany) Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR Ustawienie tekstu w grupach komórek w tabeli align DIV, H1, H2, H3, H4, H5, H6, P Ustawienie (wyrównanie) tekstu align HR Ustawienie poziomej linii align LEGEND Ustawienie legendy dla grupy kontrolek align TABLE...
Tło CSS / Powtarzanie tła obrazkowego {background-repeat}...do wymiarów elementu, pod którym wstawiamy tło. Polecenie to ma sens, tylko jeśli określimy równocześnie tło obrazkowe. W przeglądarce Chrome 15 ustawienie trybów powtarzania dostępnych w CSS 3 jest równoznaczne z wartością "no-repeat"! Przykład {background-repeat} repeat repeat-x repeat-y no-repeat space round space round Wielokrotne powtarzanie (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor { background-repeat: powtarzanie obrazka 1, powtarzanie...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...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: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float...
Aktualizacja / System newsów...justify */ padding: 5px; padding-bottom: 0; } .news_date span { font-weight: bold; } /* Obrazek: */ .news_img { float: left; /* ustawienie: left, right */ margin-right: 10px; margin-bottom: 5px; border: 0; } /* Więcej... */ .news_more { font-size: 11px; text-align: right; margin-bottom: 5px; margin-right: 15px; } /* Autor */ .news_author { font-size: 11px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center...
- Tło CSS / Atrybuty mieszane tła {background}
...rozmiary, pozycja początkowa czy przycinanie. Trzeba jednak pamiętać, że o ile w tle jednego elementu może być wstawionych kilka obrazków, to ustawienie więcej niż jednego jednolitego koloru tła nie ma sensu. Dlatego podanie jednolitego koloru tła jest dozwolone tylko jeden raz - na samym końcu, tzn. dla ostatniego elementu listy atrybutów mieszanych: div { background: url(obrazek1.jpg), url(obrazek2.jpg), url(obrazek3.jpg) red }
- Oprawa graficzna / "Duszki" CSS
...Szeroka, prawa część zakładki musi się znaleźć całkowicie przy prawej krawędzi arkusza z "duszkami", ponieważ tylko w ten sposób jest możliwe ustawienie tła przy prawej krawędzi zakładki (poprzez podanie poziomej pozycji jako 100%), zapewniając automatyczne dopasowanie szerokości do długość tekstu na zakładce. ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; font-size: 12px; } ul { float: left; width: 100%; border-bottom: 1px solid...
- Komendy HTML 4.01 / INPUT
...Lista typów zawartości rozdzielonych przecinkami, które serwer obsługuje poprawnie ACCESSKEY="znak" Przypisuje klawisz dostępu do elementu ALIGN="ustawienie" Poziome ustawienie (wyrównanie) z uwzględnieniem otoczenia (zdeprecjonowane): center - wyśrodkowanie justify - wyrównanie do obu marginesów jednocześnie left - wyrównanie do lewej right - wyrównanie do prawej ALT="tekst" Tekst alternatywny CHECKED Gdy TYPE="checkbox" lub TYPE="radio", to podaje, że przełącznik jest włączony...
- Komendy HTML 4.01 / IMG
Włącza obrazek. Zobacz więcej... Atrybuty: ALIGN="ustawienie" Określa położenie elementu w odniesieniu do kontekstu (zdeprecjonowane): bottom - na dole left - po lewej middle - na środku (w połowie) right - po prawej top - na górze ALT="tekst" Tekst alternatywny, używany przez przeglądarki, które nie wyświetlają obrazków BORDER="piksele" Szerokość ramki elementu w pikselach (zdeprecjonowane) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być...
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
...obrazka 2,... } Jeżeli w tle wstawimy więcej niż jeden obrazek, możemy dla każdego z nich określić inny sposób zaczepienia. Jeżeli pominiemy ustawienie sposobu zaczepienia następnych obrazków, przejmą one ustawienia z pierwszego. Pytania i odpowiedzi Co to "background-attachment"? background-attachment to właściwość CSS, która określa, czy tło elementu ma pozostać nieruchome względem okna przeglądarki, czy przewijać się wraz z zawartością strony. Którą z wartości...