wysokość szerokość - Kurs HTML i CSS
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...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...W tym przypadku można nawet określić jednocześnie odległości left i right, a także top wspólnie z bottom - pozwoli to rozciągnąć szerokość lub/i wysokość elementu pozycjonowanego w taki sposób, aby odległości jego odpowiednich krawędzi od brzegów bloku obejmującego były dokładnie takie, jak podano. Blokiem obejmującym w tym przypadku zwykle jest okno przeglądarki lub ramka. Jednak jeżeli element, który pozycjonujemy znajduje się wewnątrz innego elementu, który wcześniej został poddany...
- Pozycjonowanie CSS / Wyświetlanie {display}
...podczas gdy elementy inline-block zachowują się jak elementy blokowe, ale nadal są wyświetlane w jednej linii, a można dla nich ustawić szerokość i wysokość. Jak wyśrodkować "inline-block"? Aby wyśrodkować element inline-block wewnątrz jego kontenera, można użyć właściwości CSS "text-align: center" dla kontenera. To spowoduje wyśrodkowanie elementu poziomo wewnątrz kontenera. Na przykład: <div style="text-align: center"> <span style="display: inline-block">Wyśrodkowany element</span>...
- Układ elastyczny CSS / Kolejność {order}
...się w kodzie źródłowym przed kolumną menu. Mimo tego szerokość automatycznie dopasowuje się do okna przeglądarki. Dodatkowo warto zwrócić uwagę, że wysokość obu kolumn jest identyczna. Uzyskanie takiego efektu w tradycyjny sposób byłoby bardzo trudne i najczęściej wymagało pójścia na pewne kompromisy. <div id="top"> <div id="TRESC">Treść strony...</div> <div id="MENU">Menu nawigacyjne</div> </div> #top { display: flex; } #MENU { width: 150px; min-width: 150px; order: -1; }...
Nowe okno / Generator okienMożliwe jest określenie wyglądu nowego okna (rozmiarów, położenia, pokazanie/ukrycie pasków menu, narzędzi, statusu itp.), poprzez podanie w poleceniu dodatkowych parametrów. Zamiast opisu zamieszam poniżej generator. Otrzymany w nim kod, należy wpisać w miejsce wyróżnionego tekstu, np. jako wartość atrybutu onload="..." (pierwszy sposób). Adres: Nazwa: Szerokość: Wysokość: Odległość od lewej krawędzi ekranu: Odległość od górnej krawędzi ekranu: Wygenerowany...
- Ochrona strony
...ikon, który w niektórych przeglądarkach mógł pojawiać się ponad dużymi zdjęciami po "najechaniu" myszką (zwykle oba wymiary grafiki - szerokość i wysokość - muszą wynosić co najmniej 200 pikseli), co umożliwiało m.in. wydruk lub zapisanie grafiki na dysku. Dla wszystkich zdjęć na stronie (wstaw w nagłówku dokumentu - <head>...</head> - poniższy kod): <meta http-equiv="Imagetoolbar" content="no"> Tylko dla wybranych zdjęć: <img src="zdjecie.jpg" alt="Tekst alternatywny" galleryimg="no">...