Rechercher : dans
Par :

Comment empêcher que div sur image décale

Dernière réponse le 22 mai 2008 à 19:30:12 calendrier décalé qui veut rester en place, le 22 mai 2008 à 16:00:54 
 Signaler ce message aux modérateurs

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.

Configuration: Windows Vista
Internet Explorer 7.0

Meilleures réponses pour « comment empêcher que div sur image décale » dans :
Décalage du son et de l'image d'un fichier vidéo (Divx) VoirLe décalage du son et de l'image d'un fichier Divx, Mkv ou autre peut être dû à un des facteurs suivants : Ordinateur / Lecteur DivX pas assez performant. Il suffit de tester le fichier sur un ordinateur plus rapide pour s'en persuader Codecs...
[Webmaster] Empêcher la copie de mes images (et autres) VoirA tous ceux qui veulent empêcher la copie de leurs images, leurs créations, leurs vidéos, leurs articles, etc... Je veux empêcher les autres de copier mes images et mes pages HTML. Comment faire ? Réponse: C'EST IMPOSSIBLE Il n'existe aucun...
[mythes] On peut protéger une page web/une image contre la copie VoirMythe On peut empêcher la copie d'une page web ou d'une image. On peut empêcher de voir le source d'une page HTML. On peut empêcher la copie d'une vidéo, d'une musique. Réalité FAUX Explications Quelle que soit la nature d'un document (page...

1

goldo, le 22 mai 2008 à 16:10:43

Si tu peux montrer le html qui represente ton tableau ainsi que ton css, sa pourrait aider !

Répondre à goldo

2

 calendrier décalé qui veut rester en place, le 22 mai 2008 à 19:30:12

<body bgcolor="#FFFF99" text="#FFFFCC" onLoad="MM_preloadImages('images/accueilro.gif','images/restaurantro.gif','images/evenementro.gif','images/contactro.gif')" link="#FF9933" vlink="#FF3300" alink="#FFFF66" background="images/pixel.jpg" margin:0; text-align=left; width="798" >
<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 !

Répondre à calendrier décalé qui veut rester en place