- HTML
- HTML dla zielonych
- Nagłówek i treść
- Tekst
- Odsyłacze
- Tabele
- Multimedia
- Ramki
- Formularze
- I co dalej...
- Promocja strony WWW
- XHTML
- Dodatki
- Kolory
- Znaki specjalne
- Języki
- HTML 4.01
- CSS
- Kaskadowe Arkusze Stylów
- Wstawianie stylów
- Selektory
- Selektory elementów
- Selektory atrybutów
- Selektory specjalne
- Selektory pseudoelementów
- Selektory pseudoklas
- Własności
- Czcionki
- Tekst
- Tło
- Marginesy
- Obramowanie
- Wykazy
- Rozmiary
- Tabele
- Pozycjonowanie
- Kursory
- Drukowanie
- Suwaki
- Filtry
- Układ wielokolumnowy
- Więcej
- Media
- Tryb Quirks
- Menu w CSS
- Szablon strony na DIV-ach
- Oprawa graficzna
- Dobre praktyki
- Dodatki
- Definicje
- Jednostki
- Kolory
- Selektory
- CSS 2
- Skrypty
- Wykaz skryptów
- Wykaz generatorów
- Ulubione i startowa
- Aktywne przyciski
- Aktualizacja
- Nowe okno
- Galeria zdjęć
- Przeglądarka zdjęć
- Losowy element
- Ochrona strony
- Migotanie
- AutoIFRAME
- Wyszukiwarka
- Indeks, wyszukiwarka
- Rozwijane menu
- Menu rozwijane, otwierane, wysuwane
- Menu drzewiaste
- Skórki
- Inne
- IP tester
- Informacje
- Prawa autorskie
- Mapa serwisu
- Indeks haseł
- FAQ - często zadawane pytania
- Quiz
- Zmień skórkę
- Kontakt
- Dotacje
- Autor
- Wyróżnienia
- Księga gości
- Forum dyskusyjne
- Promuj Kurs HTML!
- Linki
- Zareklamuj się tutaj za darmo
- Porady
- Opublikuj własną poradę
- Wszystkie porady i tutoriale
- Kategorie
- HTML
- XHTML
- CSS
- JavaScript
- PHP
- MySQL
- Bazy danych
- Grafika
- Photoshop
- GIMP
- Flash
- Promocja
- Pozycjonowanie
- Standardy
- Technologie
- Modyfikacje
- phpBB
- Joomla
- Tutorial
- Ogłoszenia
- Zamieść darmowe ogłoszenie
- Wszystkie ogłoszenia
- Kategorie
- Zlecę
- Wykonam
- Sprzedam
- Kupię
- Zatrudnię
- Współpraca
- Wymiana
- Sponsoring
- Oddam
- atrybut, blok, blokada, centrowanie, CSS, CSS 3, czcionka, dokument, dolne, font, formularz, fotografia, Google, grafika, górne, hiperłącze, HTML, kolor, kolumna, komórka, kotwica, linia, link, lista, margines, menu, mieszane, obramowanie, obrazek, odnośnik, odstęp, odsyłacz, pionowe, plik, pole, poziome, pozycjonowanie, ramka, ramki, rozmiar, skrypt, szerokość, tabela, tekst, tło, URL, wiersz, wysokość, wyśrodkowanie, zdjęcie
- Zobacz więcej...
Układ wielokolumnowy
Łączenie kolumn
(CSS 3 - interpretuje Opera 11)
selektor { column-span: all }
Aby odwołać łączenie kolumn, należy podać wartość none.
Zdarzają się sytuacje, kiedy chcemy wyskoczyć z ustalonego podziału tekstu na kolumny. Może to mieć miejsce np. w przypadku tytułów, które rozpoczynają kolejny artykuł albo nową sekcję w artykule. Mamy możliwość rozciągnięcia tytułu na szerokość wszystkich kolumn. Wcześniejsze kolumny tekstu będą się kończyć ponad tytułem, a następne zaczynać poniżej niego. Zatem nie mamy tutaj do czynienia z sytuacją spotykaną czasem w gazetach, kiedy tekst w kolumnach czytamy z góry do dołu przeskakując przez tytuł lub zdjęcie umieszczone w środku.
W obecnej wersji specyfikacja CSS nie pozwala określać liczby łączonych kolumn.
Przykład:
column-span: all; To jest element rozciągający się ponad wszystkimi kolumnami tekstu.
To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie...Zobacz także
-
Układ wielokolumnowy / Szerokość kolumnyJak ustalić szerokość kolumny tekstu?
-
Układ wielokolumnowy / Liczba kolumn
W jaki sposób podzielić tekst na kilka kolumn?
-
Układ wielokolumnowy / Atrybuty mieszane
Jak za jednym razem ustalić szerokość kolumny i liczbę kolumn?
Komentarze
Dotacje
Pomogła Ci ta strona? Chcesz, aby dalej się rozwijała?
Wpłać dobrowolną dotację...
