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


 <style type="text/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-width: 0;
 border-style: solid;
 border-color: #000;
 }
 thead th, th:first-child {
 border-bottom-width: 1px;
 }
 th:first-child, td:first-child {
 border-right-width: 1px;
 }
 </style>
 <!--[if lt IE 7]>
 <style type="text/css">
 td {
 width: auto;
 }
 </style>
 <![endif]-->

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


Zmodyfikowano: 19.06.2006, 10:29