Przejdź do treści

szerokość strony - Kurs HTML i CSS

  • CSS
    Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}

    ...więcej elementów niż mamy zapewnionych. Wtedy zwykle z prawej strony pozostaje wolna przestrzeń. Możemy jednak sprawić, aby w takiej sytuacji szerokość elementów elastycznie dopasowała się w taki sposób, aby wypełniły całą dostępną przestrzeń kontenera. Jeżeli chcemy, aby wszystkie elementy zostały rozciągnięte równomiernie, wystarczy każdemu przypisać styl "flex-grow: 1". Możemy też zadecydować, aby np. jeden z nich rozszerzył się dwa razy bardziej niż inne - przypisujemy mu wartość...

  • HTML
    Podcast HTML / #6 Multimedia HTML

    ...nie zostanie wyświetlona (np. gdy użytkownik wyłączył wyświetlanie grafiki) lub jest odczytywana przez syntezatory mowy. width i height: określają szerokość i wysokość obrazka w pikselach ("x") lub w procentach ekranu ("x%"). Jest to dobry nawyk, ponieważ jeśli nie wstawimy rozmiarów, treść może się "rozjeżdżać" podczas wczytywania. Formaty graficzne Obrazki powinny być zapisane w jednym z trzech zalecanych formatów: GIF: używany dla rysunków składających się z mniej niż 256 kolorów...

  • HTML
    HTML5 / Filmy i dźwięk <video, audio, source>

    ...rozmiary, by potem zmienić je na właściwe. Może to wywołać efekt "skakania" elementów strony. Dlatego zawsze powinno się od razu określać, jaką szerokość (width="...") i wysokość (height="...") ma film, który będzie załadowany do odtwarzacza VIDEO. Formaty audio/wideo Wprowadzając w HTML5 nowe znaczniki AUDIO i VIDEO początkowo starano się również rozwiązać problemy z różnorodnością formatów plików muzycznych i filmowych. W samej wielości formatów nie byłoby nic złego, gdyby wszystkie...

  • CSS
    Pozycjonowanie CSS / Pozycja absolutna {position: absolute}

    ...1cm; top: -10px. 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...

  • HTML
    Multimedia HTML / Osadzenie pliku <embed>

    ...gdzie jako "ścieżka dostępu 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...

  • HTML
    Komendy HTML 4.01 / COL

    ...center - wyśrodkowanie char - wyrównanie tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np.: "." - angielski, "," - francuski) CHAROFF="długość" Określa przesuniecie względem pierwszego wystąpienia znaku wyrównującego (CHAR) w każdej linii CLASS="klasa...

  • HTML
    Komendy HTML 4.01 / COLGROUP

    ...center - wyśrodkowanie char - wyrównanie tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np.: "." - angielski, "," - francuski) CHAROFF="długość" Określa przesuniecie względem pierwszego wystąpienia znaku wyrównującego (CHAR) w każdej linii CLASS="klasa...

  • HTML
    Komendy HTML 4.01 / TD

    ...wyśrodkowanie (domyślnie) char - wyrównanie tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony AXIS="kategoria" Do umiejscowienia komórki w kategorii pojęciowej BGCOLOR="kolor" Kolor tła w komórce (zdeprecjonowane) CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np.: "." - angielski, "," - francuski)...

  • HTML
    Komendy HTML 4.01 / TH

    ...wyśrodkowanie (domyślnie) char - wyrównanie tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony AXIS="kategoria" Do umiejscowienia komórki w kategorii pojęciowej BGCOLOR="kolor" Kolor tła w komórce (zdeprecjonowane) CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np.: "." - angielski, "," - francuski)...

  • CSS
    Pozycjonowanie CSS / Wyświetlanie {display}

    ...wysokości, 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...

« 1 2 3 4 5 »

★★★★★ 5/5 (585)

Facebook