afficher au centre mais au bon niveau

guns17 · 13 Avril 2007

Bonjour,

je m'explique un peu plus.

j'ai un tableau d'un centaine de lignes sur lesquelles je peux cliquer sur chaque ligne afin d'afficher un div.

j'ai reussi à afficher le div au milieu de la fenetre, mais le probleme est que si je clique sur la dernière ligne, le div s'affcihe mais en haut de la page, vu que l'ai centré en css avec une hauteur fixe.

qu'elle serait votre solution pour afficher le div au centre de la fenetre et au bon niveau?

peut etre afficher le div au niveau de la ligne cliquée mais comment?

je n'arrive pas à trouver une solution.

Merci d'avance.

Sarc · 13 Avril 2007

Bonjour,

Il nous faudrait l'URL de la page pour mieux comprendre...

Sans code ni URL, on aura du mal à deviner comment tu fais ton tableau, et donc comment résoudre le problème

guns17 · 13 Avril 2007

c'est une application en interne c'est pour ça que je ne peux pas donner d'url.

voici le code simplifié :

je cache le div "causeAnnul" par défaut, lorsque clique sur le numero de ligne, ça affiche le div.

<script language="javascript" type="text/javascript">

function affichChoix(){
document.getElementById("causeAnnul").style.display="block";
}

function cacheChoix(){
document.getElementById("causeAnnul").style.display="none";
}
</script>

<body>
<div id="causeAnnul">
<form name="form1" method="post" action="liste_dessus.php?act=1">
	<table width="100%">
		<tr>
			<td>texte</td>
		</tr>
	</table>
</form>
</div>

<div class="tritab">
  </table>
	<tr>
		<td width="135" height="12"><a href="java script:affichChoix();" title="annuler">ligne1</a></td>
				  ...........
		<td width="135" height="12"><a href="java script:affichChoix();" title="annuler">ligne300</a></td>
	</tr>
  <table>
</div>
</body>

#causeAnnul{
	position:absolute;
  background-color:#FFFFFF;
	left:50%;
	top:50%;
	width:300px;
	height:200px;
	margin-top:-150px;
	margin-left:-100px;
	border:2px solid #000000;
  display:none;
	font-size:12px;
}

Sarc · 13 Avril 2007

Pourquoi tu as mis un espace à javascript dans ton code HTML ?

Essaye de remplacer position:absolute; par

position:fixed;

La boîte suivra le scroll, je sais pas si ça dérange vu que je connais pas la tête de ta page (tu peux faire un screen shot sinon, ou essayer de le mettre en ligne ? Parce que pas pratique d'improviser..)

Avec le fixed en tout cas, tu positionnes par rapport à l'écran et non par rapport à la page.

guns17 · 13 Avril 2007

j'ai bien fait de demander!

merci beaucoup sarc :thumbsup: , en effet fixed permet de positionner par rapport à l'écran.

mon problème est résolu.

bon we!

Connexion

afficher au centre mais au bon niveau

Sujets conseillés

guns17

Sarc

guns17

Sarc

guns17

Veuillez vous connecter pour commenter

Parcourir

Activité