calendrier décalé qui veut rester en place
-
calendrier décalé qui veut rester en place -
Bonjour,
J'essaie de placer toutes les dates de calendrier mois par mois dans un carré mis là exprès dans un très joli graphique. Je l'ai mis en position absolue, ce qui est très bien si on laisse la page alignée gauche. Sauf qu'on veut centrer la page et c'est là que le problème d'affichage arrive : le tableau comprenant les chiffres des jours du mois portant l'hyperlien menant au spectacle de chacun des soirs se décale dans certaines versions de navigateur ou si c'est affiché dans un frame.
J'ai lu tout ce que j'ai pu pour tenter de corriger le problème mais que j'utilise la manière de centrer par un tableau
(td 25%, td widtth 50% ou largeur en pixels, td 25%) ou par align=center dans le BODY ou par la balise center en solitaire, rien à faire. J'ai aussi essayé de créer un style centrer, ça ne marche pas non plus.
Je me demande si FLOAT pourrait régler le problème.
Position relative empire les choses`et dérègle tout (l'image de fond est divisée)
J'ai mis un div id=wrapper au début qui se ferme à la fin mais ça n'enveloppe pas la position absolute qui est censée devenir relative dans un tel contexte. Toutefois, à la suite du wrapper, les morceaux d'image de fond ne se trouvent pas dans un div. Sauf que si j'en mets, ça crée des espaces entre les morceaux d'image.
L'image a un carré pour mettre les hyperliens sur les jours à gauche et un espace plus grand à droite pour mettre plus de contenu. Le div de contenu se fait aussi décaler et quand c'est trop long, la barre de défilement sort de l'image. Pour atténuer le problème j'ai réduit la largeur du div mais ce n'est pas une solution.
Merci aux génies qui mettront un peu de lumière sur tout ça.
<center><img src="images/haut.gif"><br>
<img src="images/photo.gif" width="521" height="128"><img src="images/illustration.gif" width="277" height="128" ><br>
<img src="images/logo.gif" width="798" height="81"><br>
<img src="images/baslogo.gif" width="224" height="51" ><a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/accueilro.gif',1)"><img name="Image7" border="0" src="images/accueil.gif" width="138" height="51"></a><a href="menu.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/restaurantro.gif',1)"><img name="Image8" border="0" src="images/restaurant.gif" width="153" height="51"></a><a href="evenements.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/evenementro.gif',1)"><img name="Image9" border="0" src="images/evenement.gif" width="143" height="51"></a><a href="contact.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/contactro.gif',1)"><img name="Image10" border="0" src="images/contact.gif" width="140" height="51"></a><br>
<img src="images/lettragecalendrier.gif" width="798" height="55"><br>
<img src="images/cafe.gif" width="38" height="546"><img src="images/calendrier.gif" width="186" height="546"><div align="center" id="LayerCal" style="position:absolute; width:200px; height:50px; z-index:1; left: 134px; top: 375px" overflow: auto; visibility: visible; >
<table width="170" border="0" cellspacing="1" cellpadding="1">
<tr>
<td class="cal"></td>
<td class="cal"></td>
<td class="cal"></td>
----ici il y a tous les jours du calendrier avec des show / hide un tableau de 7 colonnes et 4-5 rangées----
</tr>
</table></div>
<img src="images/gauchetexte.gif" width="60" height="546"><div id="J1" style="position:absolute; left:412px; top:387px; width:428px; height:426px; z-index:1; color: #FFFFCC; overflow: scroll; ; visibility: hidden">
----ici il y a un div par jour du calendrier cachés jusqu'à ce qu'on clique sur les dates----
</div>
<img src="images/texte.gif" width="514" height="546">
</center></body>
</html>
en fait dans cette version il n'y a pas de div wrapper.
MERCI !