28173 sujets

CSS et mise en forme, CSS3

Calendrier (mise en valeur de feries)

bonjour

j'ai un calendrier je voudrais mettre les feries en valeur est ce que c'est possible?


<style type="text/css">
 <!--
 .calendrier_mois {
     font-family: Impact;
     font-size: 16px;
     color: #99681C;
     text-decoration: none;
     font-weight: normal;
     text-align: center;
     vertical-align: milddle;
  }
 .calendrier_jour {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     text-transform: lowercase;
     text-decoration: none;
     text-align: center;
  }
 .calendrier_nom_des_jours th {
     font-family: Impact;
     color: #99681C;
     text-decoration: none;
     font-weight: normal;
       text-align: center;
       vertical-align: milddle;
       font-size: 18px;
   }
 .calendrier_nom_des_jours {
     font-family: Impact;
     text-decoration: none;
     font-weight: normal;
       text-align: center;
       vertical-align: milddle;
       font-size: 12px;
   }
   -->
</style>

<div id="LayerCalendar" style="width:160; height:140;">

<table width="160" border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td colspan="7"><div align="center" class="calendrier_mois">

<?php
$mois=array(1=>"Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre");
echo $mois[date('n')];
?>

</div></td>
</tr>
<tr height="20">
<td colspan="7"><hr noshade size="1"></td>
</tr>
<tr height="20" class="calendrier_nom_des_jours">
<th>D</th><td>L</td><td>M</td><td>M</td><td>J</td><td>V</td><th>S</th>
</tr>         
<tr height="18">
<?php
/* trouver le premier jour de la semaine */
$todayis = date("j", mktime(0, 0, 0, date("m"), date("d"), date("Y")));
$day = date("w", mktime(0, 0, 0, date("m"), 1, date("Y"))); $col=0;
$daynum = 1;
$daypermonth = date("j", mktime(0, 0, 0, date("m")+1, 0, date("Y")));
$nextdate = 0;

while($col<$day) {
echo '<td class="calendrier_jour"></td>';
$col++;
}

while($daynum<=$daypermonth) {

if ($col>6) {
$col = 0;
echo '</tr>';
echo '<tr style="height: 18px">';
}

/* affichage du jour */   
echo '<td class="calendrier_jour">';

if($daynum == $todayis) {
echo '<span style="font-weight: bold">'.$daynum.'</span>';
}
else {
echo $daynum;
}

echo '</td>';
             
$daynum++;
$col++;
}

echo '<td colspan='.(7-$col).'></td></tr>';
?>   
</table>
</div>


patrick
Modifié par absalonp (16 Jan 2007 - 13:34)
a écrit :

j'ai un calendrier je voudrais mettre les feries en valeur est ce que c'est possible?

Oui.

Un conseil pour le nom du mois : utilise un caption plutôt qu'un td avec colspan, c'est beaucoup plus accessible (colspan/rowspan, c'est la galère avec les lecteurs d'écran) et je pense que cet élément serait plus adapté à ce contenu, qui est pour moi une légende de tableau, rien de moins rien de plus.
bonjour

oui mais quand je met caption le mois se cal à gauche et le trait qui est en dessous ne fait que la longueur du mois et est à gauche aussi ?

patrick
Modifié par absalonp (16 Jan 2007 - 09:40)
Sujet clos
Aller à