szerokość strony - Kurs HTML i CSS
Formularze HTML / Pole tekstowe <input "text">...tylko liczby. Aby umieścić go wewnątrz formularza, wystarczy ustawić mu odpowiedni typ: <input type="number" name="...">. Jaki atrybut ustala szerokość pola tekstowego? Domyślnie każde pole tekstowe ma ustaloną szerokość, która może się różnić w zależności od przeglądarki. Aby ustawić szerokość pola np. na 10 znaków, można się posłużyć następującym kodem: <input type="text" name="..." size="10">. Warto pamiętać, że jeśli użytkownik będzie chciał wpisać w takim polu tekst dłuższy niż...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...rozmiarów ikon zapisanych w podanym pliku. Każdy rozmiar składa się z dwóch liczb rozdzielonych znakiem "x" (bez spacji!), które określają kolejno: szerokość i wysokość. type Typ MIME Ikona strony może się wyświetlić automatycznie, nawet bez potrzeby wstawiania powyższego znacznika, jeśli będzie nosiła nazwę favicon.ico i zostanie zapisana w głównym katalogu na serwerze WWW, czyli np. http://www.example.com/favicon.ico Niestety niektóre przeglądarki pobierają ikonę strony tylko raz, a...
- Nagłówek i treść HTML / Skalowanie strony <meta "viewport">
...parametr2=wartość2..." należy podać rozdzieloną przecinkami listę parametrów wraz z przypisanymi im wartościami: width Określa początkową szerokość obszaru wyświetlania przeglądarki. Może być określona bezpośrednio w 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...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...we wszystkich 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...
Aktualizacja / System newsów...wyświetlania newsów (0 = zawsze) // Ustawienia domyślne: 'author': '', // autor 'email': '', // e-mail 'img': '', // obrazek 'width': '', // szerokość obrazka 'height': '', // wysokość obrazka 'target': '' // ramka (target="...") ////////// }; this.il_dni = typeof days != 'undefined' ? days : this.config['days']; var now = new Date(); var content = ''; this.dodaj = function(dzien,miesiac,rok, tytul,tresc, adres,ramka, dodal,email, obraz,width,height) { if...
Tło CSS / Rozmiary tła obrazkowego {background-size}...obrazek zostanie przeskalowany względem obszaru pozycjonowania tła Podanie dwóch z powyższych wartości (np. "150px 100px") pozwala określić osobno szerokość i wysokość obrazka (skalowanie bez zachowania proporcji - rozciąganie grafiki). Aby przeskalować do wysokości, zachowując jego proporcje, jako szerokość należy podać wartość "auto" (np. "auto 100px"). Często zależy nam na wstawieniu w tle strony tylko jednego egzemplarza obrazka (bez jego powielania), ale w taki sposób aby idealnie...
- Układ wielokolumnowy CSS / Wypełnienie kolumn {column-fill}
...Opera 11-12 i 37, Chrome 50) selektor { column-fill: wypełnienie } Jako "wypełnienie" należy podać: balance Kolumny wypełnią całą możliwą szerokość elementu (domyślnie) auto Kolumny wypełnią całą możliwą wysokość elementu (ma sens tylko, jeśli jednocześnie określimy wysokość elementu, który zawiera kolumny) Przeglądarka stara się zawsze zrównoważyć kolumny tekstu w taki sposób, aby możliwie wszystkie (oprócz ostatniej) miały taką samą wysokość i nie było żadnej wolnej przestrzeni...
- HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>
(interpretuje: Chrome 21, Firefox 16, Edge 12, Opera 12.1, Safari 7) <input type="image" src="lokalizacja" width="szerokość" height="wysokość"> lokalizacja Ścieżka dostępu do obrazka szerokość wysokość Nieujemne liczby całkowite określające odpowiednie wymiary przycisku obrazka wyrażone w pikselach Język HTML5 uzupełnia coś, co zapewne zostało przeoczone podczas tworzenia specyfikacji HTML 4.01. Od teraz można już ustawiać rozmiary przycisku obrazkowego służącego do wysyłania...
- Marginesy CSS / Model pudełkowy CSS
...blokowy? Model blokowy odnosi się do sposobu wyświetlania elementów w HTML i CSS, gdzie elementy blokowe (np. <div>, <p>) zajmują całą dostępną szerokość oraz tworzą nową linię powyżej i poniżej nich. W przeciwieństwie do elementów liniowych, elementy blokowe można stylizować przy użyciu właściwości CSS, takich jak szerokość, marginesy czy obramowanie. Przykładowy kod: <div style="width: 300px; margin: 10px; background-color: blue">Treść</div>.
- Drukowanie CSS / Rozmiar papieru @page {size}
...jedna wartość długości - kwadratowy obszar wydruku o podanych rozmiarach wyrażonych w jednostkach innych niż procent dwie wartości długości - szerokość i wysokość obszaru wydruku rozdzielone od siebie spacją Typowa drukarka najczęściej drukuje strony w orientacji pionowej (tzw. portret). Taki układ zwykle najlepiej sprawdza się przy drukowaniu tekstu. Na stronie możemy mieć jednak także zdjęcia np. krajobrazów, które typowo mają układ poziomy. W takiej sytuacji zdjęcie nie zostanie...