wysokość tekstu - Kurs HTML i CSS
Oprawa graficzna / "Duszki" CSS...ich na stronie, będą musiały być ułożone przy górnej lub dolej krawędzi arkusza. Będzie to miało miejsce np. w przypadku wierzchu ramki, której wysokość na stronie dopasowuje się do zawartości - zwykle musimy ją umieścić przy dolnym brzegu arkusza. Spód takiej ramki umieszcza się natomiast przy górnym brzegu. Jak można zauważyć nawet na przygotowanym przykładowym arkuszu z "duszkami", bardzo trudno jest upakować na nim grafiki w taki sposób, aby nie zostawić żadnych wolnych miejsc. Nie...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...nie zostanie automatycznie wstawiony w następujących przypadkach: kiedy wewnątrz elementu znajdują się inne elementy blokowe jeśli ustalimy wysokość elementu, a tekstu nawet po zawinięciu będzie za dużo, aby się tam zmieścił * Niektóre starsze przeglądarki mogą obsługiwać "text-overflow: ellipsis" tylko w połączeniu z "white-space: nowrap". Przykład {text-overflow} p { width: 3em; } Za długie wyrazy w tym akapicie powinny wychodzić poza jego obręb. p { width: 3em; overflow...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...obrazków i pól formularzy, chyba że selektor zawiera dodatkowo nazwę znacznika, identyfikator lub atrybuty. W trybie Quirks Opera zawsze powiększa wysokość bloku w taki sposób, aby mieściła się w nim jego zawartość. Natomiast w trybie zgodności ustawienie wartości height jest prawidłowo uwzględnianie. Źródło: CSS Enhancements in Internet Explorer 6 (Microsoft)
- Układ wielokolumnowy CSS / Multi-column layout
...po jej prawej stronie. Po zmianie wielkości lub rodzaju czcionki, tekst w kolumnie tabeli ułoży się w zupełnie inny sposób - najprawdopodobniej wysokość przestrzeni zajmowanej przez tekst w kolumnach nie będzie identyczna. Na niewielkich ekranach - np. telefonów komórkowych - ustalona zbyt duża liczba kolumn w tabeli może sprawić, że będą one zdecydowanie zbyt wąskie. W arkuszu CSS dla urządzeń mobilnych nie można zmniejszyć liczby kolumn w wierszu tabeli. Na wydruku kolumna tabeli może...
- Układ elastyczny CSS / Przepływ elastyczny {flex-direction, flex-wrap, flex-flow}
...uwagę, że wszystkie elementy są identycznej wysokości: To jest blok nr 1 blok 2 blok 3 blok 4 blok 5 "flex-flow: row wrap" - zwróć uwagę, że wysokość bloków dopasowuje się automatycznie w każdym osobnym wierszu układu: To jest blok nr 1 blok 2 blok 3 blok 4 blok 5 flex-flow: row-reverse nowrap To jest blok nr 1 blok 2 blok 3 blok 4 blok 5 flex-flow: row-reverse wrap-reverse blok 1 blok 2 blok 3 blok 4 blok 5
- Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}
...do obu krawędzi jednocześnie (domyślnie) Polecenie steruje wyrównaniem jednego wiersza wewnątrz kontenera elastycznego, kiedy mają one różną wysokość. Przykład {align-items} align-items: flex-start To jest blok nr 1 blok 2 blok 3 align-items: flex-end To jest blok nr 1 blok 2 blok 3 "align-items: center" - ten sposób pozwala wyśrodkować w pionie element, nawet jeżeli z góry nie wiemy, ile treści będzie się w nim znajdować: To jest blok nr 1 blok 2 blok 3...
Komendy HTML 4.01 / HR...CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NOSHADE Jednolity kolor (bez cienia) (zdeprecjonowane) SIZE="piksele...
- 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ć...
- Multimedia HTML / Osadzenie pliku <embed>
...do pliku" należy podać lokalizację na dysku, gdzie znajduje się żądany plik multimedialny. Natomiast "x" oznacza szerokość w pikselach, a "y" wysokość wyświetlanego obrazu wtyczki (ang. plug-in), czyli okna na stronie w którym odtwarzany będzie plik. Jeśli nie podamy rozmiarów obrazu wtyczki, może on przyjąć wielkość, która nie pasuje do wymiarów pliku! Rozmiary zależą również od posiadanej przez użytkownika wtyczki. Polecenie <embed> jest przydatne jeśli chcemy wstawić na stronę jeden...
- Komendy HTML 4.01 / OBJECT
...ogólnego obiektu. Może zawierać parametry (PARAM). 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 ARCHIVE="adresy" Lista adresów archiwów rozdzielonych spacjami, które zawierają zasoby związane z obiektem (podane w atrybutach CLASSID i DATA) BORDER="piksele" Szerokość ramki elementu w pikselach (zdeprecjonowane)...