Geckozone

Code : Tout sélectionner

<div class="cal">
<table summary="calendrier">
<caption>Mai 2004</caption>
<thead><tr><th scope="col">
<abbr title="Lundi">Lun</abbr></th>
<th scope="col"><abbr title="Mardi">Mar</abbr></th>
<th scope="col"><abbr title="Mercredi">Mer</abbr></th>
<th scope="col"><abbr title="Jeudi">Jeu</abbr></th>
<th scope="col"><abbr title="Vendredi">Ven</abbr></th>
<th scope="col"><abbr title="Samedi">Sam</abbr></th>
<th scope="col"><abbr title="Dimanche">Dim</abbr></th>
</tr></thead><tbody>
<tr><td> </td><td> </td><td> </td><td> </td><td> </td>
<td>1</td>
<td>2</td>
</tr><tr>
<td>3</td>
<td><a href="/blog/index.php?2004/05/04">4</a></td>
<td><a href="/blog/index.php?2004/05/05">5</a></td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr><tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr><tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr><tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr><tr>
<td>31</td>
<td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
</tbody></table></div>

Code : Tout sélectionner

.cal {
}

.cal table {
	border-collapse : collapse;
	font-size : 0.85em;
	margin-left:-7px;
	border: 1px solid;
	width:97%;
	margin-right:-2px
}

.cal caption {
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
}

.cal abbr {
	border : none;
	font-size:10px;
	margin-left:-2px;
}

.cal th, .cal td {
	border : none;
	padding : 1px;
}
.cal td {
	text-align : center;
}

.cal td.active {
	border : 1px solid #0373A1;
}
.cal td.active a {
	font-weight : bold;
}

.cal a {
	font-weight : bold;
}