Kalendarz CSS

Można by to przedstawić w jakiejś lepszej formie.

http://zso.ath.cx/~lato_p/-/kalendarz — wersja z abbr=""

http://zso.ath.cx/~lato_p/-/kalendarz2 — wersja z <abbr>

Tak wyświetla Firefox 1.5 i Opera 9.0b
A tak wyświetla IE 6

Kod do wklejenia w pliku style.css: 

 table {
 empty-cells: show;
 border-collapse: collapse;
 }
 th {
 font-size: 12px;
 }
 thead tr th:first-child {
 font-size: 0; /* Fx */
 content: ""; /* Opera */
 }
 th, td {
 width: 30px;
 height: 30px;

 text-align: center;
 vertical-align: middle;
 }
 thead th, th:first-child, td:first-child {
 border: 0 solid #000;
 }
 thead th, th:first-child {
 border-bottom-width: 1px;
 }
 th:first-child, td:first-child {
 border-right-width: 1px;
 }

Kod do wklejenia przed elementem <html> każdej strony kalendarza: 

 <?xml-stylesheet href="style.css" type="text/css"?>

Pytania? Komentarze? Napisz na forum kursu lub edytuj tę stronę.

Kalendarz - Struktura | Kalendarz - Funkcjonalność
Zmodyfikowano: 31.08.2011, 18:59
submit