wysokość - Kurs HTML i CSS
Menu w CSS / Poziome menu...z ustalonym oblewaniem są usuwane z normalnego biegu treści w dokumencie, dlatego znacznik obejmujący w tym przypadku okazuje się pusty, czyli jego wysokość wynosi zero (pozostaje tylko 2*1px = 2px pionowego marginesu wewnętrznego - padding). Ustalenie oblewania dodatkowo dla elementu obejmującego sprawia, że oblewane pozycje listy pozostają w jego obrębie, a więc zachowuje on odpowiednią wysokość oraz szerokość (normalnie wynosiłaby ona 100%, co w tym przypadku jest niepożądane). Wymagane...
AutoIFRAME / Automatyczne dopasowanie wysokości ramki HTML...wykorzystania języków skryptowych po stronie serwera (np. PHP). Niestety takie rozwiązanie ma przynajmniej jedną poważną wadę: trudno jest dopasować wysokość ramki IFRAME tak, aby była odpowiednia dla każdej rozdzielczości ekranu. Jeśli ustalimy za duży rozmiar, użytkownicy w niskiej rozdzielczości będą mieli problem z przewijaniem zawartości ramki. Natomiast jeśli ustalimy za mały, w wyższej rozdzielczości pojawi się niewielkie "okienko", w którym trudno nawigować. Pewnym rozwiązanie mogłoby...
Podcast HTML / #8 Formularze HTML...podać "get", co jest często stosowane dla bardzo krótkich formularzy. Pole tekstowe Służy do wpisywania np. imienia i nazwiska. Pole tekstowe ma wysokość jednej linii. Wprowadzenie pola: <input type="text" name="nazwa"> lub <input name="nazwa">. Nazwa pola powinna być unikalna w obrębie formularza. Domyślna odpowiedź: użycie atrybutu value="odpowiedź domyślna" powoduje dołączenie tej wartości, jeśli użytkownik nie wpisze innej. Długość pola: atrybut size="k" ustala widoczną długość...
- AutoIFRAME / Skrypt AutoIFRAME
...atrybut id="autoiframe", np.: <iframe src="..." name="..." id="autoiframe" width="100%" height="560">...</iframe> UWAGA! Pamiętaj, aby podać taką wysokość ramki (height="..."), która będzie wygodna w przypadku, gdyby skrypt nie zadziałał! Teraz na wszystkie podstrony, które będą wczytywane do ramki lokalnej, należy wstawić następujący kod (trzeba to zrobić koniecznie w nagłówku dokumentu, czyli w ramach <head>...</head>): <script src="autoiframe.js"></script> Następnie na samym końcu...
- Nagłówek i treść HTML / Skalowanie strony <meta "viewport">
...pikselach albo za pomocą specjalnego słowa kluczowego device-width, które oznacza pełną szerokość obszaru wyświetlania. height Określa początkową wysokość obszaru wyświetlania przeglądarki. Może być określona bezpośrednio w pikselach albo za pomocą specjalnego słowa kluczowego device-height, które oznacza pełną wysokość obszaru wyświetlania. initial-scale Wartość od 0.0 do 10.0 (należy posługiwać się kropką dziesiętną, a nie przecinkiem!) określająca początkowy stopień przeskalowania...
- Multimedia HTML / Obrazek HTML <img>
...lub <img src="ścieżka dostępu" alt="Tekst alternatywny" width="x%" height="y%"> gdzie jako "x" oraz "y" należy wpisać odpowiednio: długość i wysokość obrazka w pikselach. Natomiast jako "x%" oraz "y%" należy wpisać odpowiednio: długość i wysokość obrazka w procentach ekranu. Podawanie rozmiarów grafik może być przydatne przynajmniej z kilku powodów. Jeśli obrazek nie zostanie wczytany, symbol który zajmie jego miejsce będzie miał inne wymiary i może tym samym popsuć ułożenie innych...
- Ikony (symbole) / Formatowanie tekstu
...letter_switch Kwadrat na końcu linii line_end_square line_end_square Strzała na początku linii line_start_arrow line_start_arrow Dopasuj wysokość strony fit_page_height fit_page_height Dopasowanie folderu folder_match folder_match Wiele migawek sterty heap_snapshot_multiple heap_snapshot_multiple Diament na końcu linii line_end_diamond line_end_diamond Porównaj tekst text_compare text_compare Skocz do końca tekstu text_select_end text_select_end Skocz do końca...
- Podcast HTML / #7 Widżety HTML
...width="x" height="y">...</iframe> lub <iframe src="lokalizacja" width="x%" height="y%">...</iframe> "x" to szerokość w pikselach, a "y" to wysokość w pikselach. "x%" oznacza szerokość w procentach całego ekranu (lub elementu nadrzędnego), a "y%" oznacza wysokość w procentach. Jeśli zawartość ramki przekroczy jej rozmiary, przeglądarka wyświetli suwaki do przewijania treści. Wczytywanie strony do ramki lokalnej Aby strony z menu wczytywały się do ramki umieszczonej w treści...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...jeśli width ma wartość auto, a height ma inną wartość, ostateczna wartość szerokości jest obliczana ze wzoru: (szerokość wewnętrzna) * ( (ustawiona wysokość) / (wewnętrzna wysokość) ) co oznacza po prostu przeskalowanie elementu tak, aby zachował on swoje proporcje. 3. Elementy blokowe, nie-zastępowane Przykład: DIV i inne. Elementy takie muszą spełniać następujące równanie: 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...przeglądarkach, możemy użyć zagnieżdżania plików multimedialnych: <object data="ścieżka dostępu do pliku multimedialnego" width="szerokość" height="wysokość"> <a href="ścieżka dostępu do pliku multimedialnego">Pobierz plik</a> </object> gdzie zmodyfikować należy wyróżnione linijki, a kolejne wpisy w nich oznaczają: ścieżka dostępu do pliku multimedialnego lokalizacja na dysku, gdzie znajduje się żądany plik multimedialny szerokość" i "wysokość rozmiar wyświetlanego obrazu wtyczki (w...