kolumny - Kurs HTML i CSS
Szablon strony na DIV-ach / Semantyczny szablon strony...ich nadużywanie. W tabelach powinny być prezentowane dane tabelaryczne, które obejmują powtarzający się zbiór elementów (wiersze) tych samych typów (kolumny). Zwykle daje się łatwo rozpoznać, czy w określonym przypadku powinno się użyć tabeli: W prezentowanych danych można wyróżnić poziomy lub/i pionowy nagłówek - może go nawet nie być, ważne żeby dało się go logicznie wyznaczyć choćby wirtualnie. Prezentujemy przynajmniej dwa egzemplarze krótkich danych o podobnym charakterze - będą to...
- Oprawa graficzna / Zamiennik obrazkowy
...idące zmiany wyglądu witryny. Nie jest żadnym kłopotem zmiana ułożenia menu nawigacyjnego z orientacji pionowej do poziomej ani przeniesienie całej kolumny nawigacyjnej z lewej na prawą stronę. Jest jednak jeden ważny element, na zawartość którego nie można wpływać za pomocą CSS - obrazki. Można co prawda zmieniać rozmiary grafiki, dodawać obramowanie, ustalać pozycję i marginesy, ale nie da się wyświetlić innego zdjęcia bez modyfikacji kodu HTML. Jednak czy to stanowi jakiś problem? W...
Tabele HTML / Ćwiczenia...Umieść na stronie tabelę. Jeżeli tworzysz stronę o sobie, może to być np. lista Twoich ulubionych filmów. W tabeli możesz umieścić następujące kolumny: Gatunek Tytuł filmu Rok produkcji Ocena (w skali od 1 do 10) Odpowiednio oznacz komórki nagłówkowe tabeli za pomocą znaczników TH. Oddziel nagłówek tabeli od jej właściwej zawartości za pomocą znaczników THEAD i TBODY. Postaraj się, aby przynajmniej jeden gatunek zawierał kilka różnych filmów. Umieść je w wierszach bezpośrednio...
Komendy HTML 4.01 / TD...(TH) dostarcza informacji nagłówkowej (może być używane w zamian HEADERS): col - aktualna komórka dostarcza informacji nagłówkowej dla reszty kolumny, która ją zawiera colgroup - dla grupy kolumn (COLGROUP, COL) row - dla wiersza, który ją zawiera (TR) rowgroup - dla grupy wierszy (THEAD, TBODY, TFOOT) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy VALIGN="pozycja" Pionowa pozycja danych w komórkach tabeli: baseline - pierwsza linia tekstu jest ułożona na...
- Komendy HTML 4.01 / TH
...(TH) dostarcza informacji nagłówkowej (może być używane w zamian HEADERS): col - aktualna komórka dostarcza informacji nagłówkowej dla reszty kolumny, która ją zawiera colgroup - dla grupy kolumn (COLGROUP, COL) row - dla wiersza, który ją zawiera (TR) rowgroup - dla grupy wierszy (THEAD, TBODY, TFOOT) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy VALIGN="pozycja" Pionowa pozycja danych w komórkach tabeli: baseline - pierwsza linia tekstu jest ułożona na...
- Pozycjonowanie CSS / Widzialność {visibility}
...grup wierszy (<tbody>...</tbody>), kolumn (<col>) lub grup kolumn (<colgroup>...</colgroup>) tabeli, ukrywa całą zawartość wiersza (wierszy) bądź kolumny (kolumn), bez konieczności obliczania na nowo rozplanowania tabeli. Dla innych elementów działa tak samo jak wartość hidden. Polecenie to steruje wyświetlaniem elementu na ekranie. Pozwala ukryć dowolny element, a w jego miejsce wprowadzić pustą przestrzeń o takich samych rozmiarach, jakie miałby element, gdyby tylko był widoczny...
- Kursory CSS / Kształt kursora {cursor}
...south-east): (CSS 3) - interpretuje MSIE 9, Firefox 2, Opera, Chrome Przykład Wskaż ten tekst myszką col-resize - pozioma zmiana szerokości kolumny: (CSS 3) - interpretuje MSIE 6, Firefox 2, Opera, Chrome Przykład Wskaż ten tekst myszką row-resize - pionowa zmiana wysokości wiersza: (CSS 3) - interpretuje MSIE 6, Firefox 2, Opera, Chrome Przykład Wskaż ten tekst myszką all-scroll - przewijanie w dowolnym kierunku: (CSS 3) - interpretuje MSIE 6, Firefox 2, Opera, Chrome...
- Układ elastyczny CSS / Kontener elastyczny {display: flex inline-flex}
...kontrolować zarówno poziome, jak i pionowe pozycje elementów. "Flex" jest bardziej odpowiedni do prostych układów w jednym wymiarze, np. wiersza lub kolumny. Wybór zależy od konkretnej potrzeby projektowej i często używa się ich jednocześnie, aby osiągnąć pożądany efekt.