Przejdź do treści

tabele - Kurs HTML i CSS

  • CSS
    Tabele CSS / Rozplanowanie tabeli {table-layout}

    ...tabeli nie zależy od zawartości komórek, ale od szerokość tabeli, kolumn oraz odstępów między komórkami i obramowania. Dlatego też takie tabele są renderowane szybciej. Szerokość tabeli w tym algorytmie powinna być określona odgórnie. Jeżeli nie zostanie to zrobione albo przypiszemy wartość "auto", oznacza to, że tabela zostanie wyrenderowana przy użyciu table-layout: auto. Jednakże w takim przypadku przeglądarka może (choć nie musi) spróbować określić tą szerokość za pomocą...

  • CSS
    Komendy CSS 2 / border-collapse

    WARTOŚĆ collapse | separate | inherit OPIS Model obramowania tabeli INICJALIZACJA separate ZASTOSOWANIE tabele DZIEDZICZENIE tak PROCENTY nie MEDIA visual

  • CSS
    Komendy CSS 2 / border-spacing

    WARTOŚĆ <długość> <długość>? | inherit OPIS Odstęp między komórkami tabeli INICJALIZACJA 0 ZASTOSOWANIE tabele DZIEDZICZENIE tak PROCENTY nie MEDIA visual

  • CSS
    Komendy CSS 2 / table-layout

    WARTOŚĆ auto | fixed | inherit OPIS Rozplanowanie tabeli INICJALIZACJA auto ZASTOSOWANIE tabele DZIEDZICZENIE nie PROCENTY nie MEDIA visual

  • Skrypty
    Menu rozwijane, otwierane, wysuwane / Przykład menu rozwijanego

    Kliknij poniższe nagłówki menu myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno new Menu('menu0');

  • CSS
    Drukowanie CSS / Blokada przełamania strony {page-break-inside}

    ...stronę trochę wcześniej, a element zostanie przeniesiony na następną kartkę. Przykład {page-break-inside} Jeśli to możliwe, drukuj wszystkie tabele na jednej kartce papieru: table { page-break-inside: avoid; }

  • CSS
    Układ elastyczny CSS / Flexbox

    ...czasach sieci, gdy style CSS nie były jeszcze tak rozwinięte jak dzisiaj, rozplanowanie elementów na stronie realizowano się przy pomocy tabelek. Nie był to jednak najlepszy sposób, gdyż nie spełniał podstawowych zasad semantyki. Tabele zostały stworzone z myślą o prezentacji zbioru danych o powtarzającym się charakterze. Na szczęście style CSS wprowadziły nowe sposoby układania elementów na stronie, bez potrzeby używania w niewłaściwy sposób znaczników tabeli. Paradoksalnie...

  • Skrypty
    Menu rozwijane, otwierane, wysuwane / Menu wysuwane

    Normalnie pozycje menu są rozwijane począwszy od pierwszej do ostatniej, a zwijane od ostatniej do pierwszej. Można odwrócić te kolejności, dzięki czemu uzyskamy efekt wysuwania: <script> new Menu('menu0', '', false, true); </script> Przykład HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno new Menu('menu3', '', false, true);

  • Skrypty
    Skórki

    ...argumentem, aby zgłębić to zagadnienie. Ponadto warto dodać, że jeśli szkielet Twojej strony albo np. elementy menu będą zbudowane w oparciu o tabele, zmiana wyglądu będzie możliwa tylko w ograniczonym zakresie. Natomiast jeżeli strukturę oprzesz o elementy <div>...</div>, a przy budowaniu menu skorzystasz z wykazów (<ul>...</ul>) oraz list definicyjnych (<dl>...</dl>), to bez większego trudu będzie można totalnie odmienić wygląd serwisu tylko za pomocą podmiany arkusza CSS, np...

  • Skrypty
    AutoIFRAME / Automatyczne dopasowanie wysokości ramki HTML

    W Internecie dosyć popularnym rozwiązaniem, stosowanym na wielu stronach, jest budowanie struktury serwisu w oparciu o tabele (lub elementy <div>...</div>) i ramki <iframe>...</iframe> (przykład takiego właśnie szablonu znajdziesz w rozdziale Struktura tabeli). Jest to wygodne o tyle, że pozwala szybko zbudować stronę elastyczną w aktualizacji, bez wykorzystania języków skryptowych po stronie serwera (np. PHP). Niestety takie rozwiązanie ma przynajmniej jedną poważną wadę: trudno jest dopasować...

« 1 2 3 »

★★★★★ 5/5 (289)

Facebook