Centrer Verticalement dans un div [Résolu]

Signaler
Messages postés
9
Date d'inscription
jeudi 6 juin 2019
Statut
Membre
Dernière intervention
3 septembre 2020
-
Messages postés
12347
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
26 septembre 2020
-
Bonjour,
J'ai construis un diaporama qui fonctionne comme je veux.
Mon seul souci c'est que je n'arrive pas à centrer dans la hauteur du div les flèches < et > qui sont affichées de chaque côtés de la photo en ligne.

les codes de ma page
<style type="text/css">
#divdiapo { text-align:center; font-weight:bold; }
.photoprevious 	{ font-weight:bold;cursor:pointer;font-size:2em; vertical-align:middle; }
.photonext { font-weight:bold;cursor:pointer;font-size:2em; }

.photosL { width:70%; display: none; }
.photosH { width:50%; display: none; }
</style>


<script type="text/javascript" >
function next(gen){
	var numero = parseInt(document.gen.zonedebut.value);
	var numerofin = parseInt(document.gen.zonefin.value);
	if (numero < numerofin){
		document.getElementById(+numero).style.display = "none";
		var numero = ++numero ;
		document.gen.zonedebut.value= +numero;
		document.getElementById(+numero).style.display = "inline";
	}
	else if (numero == numerofin){
		document.getElementById(+numero).style.display = "none";
		var numero = 0;
		document.gen.zonedebut.value= +numero;
		document.getElementById(+numero).style.display = "inline";
	}
}
function previous(gen){
	var numero = document.gen.zonedebut.value;
	if (numero > 0){
		document.getElementById(+numero).style.display = "none";
		var numero = --numero ;
		document.gen.zonedebut.value= +numero;
		document.getElementById(+numero).style.display = "inline";
	}
}
</script>


<div id="divdiapo">
	<p>Diaporama</p>
	<div>
		<span class="photoprevious" onclick="previous(gen);"> <  </span>
		<img src="images/rencontres/2019/20190428_102500.jpg" id="0" alt="" style="width:70%;" />
		<img src="images/rencontres/2019/20190428_102610.jpg" class="photosL" id="1" alt="" " />
		<img src="images/rencontres/2019/20190428_102723.jpg" class="photosH" id="2" alt="" />
		<span class="photonext" onclick="next(gen)">></span>
	</div>
	<FORM name="gen">
		<INPUT type="hidden" name="zonedebut" value="0">
		<INPUT type="hidden" name="zonefin" value="2">
	</FORM>
</div>


merci de votre aide

1 réponse

Messages postés
12347
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
26 septembre 2020
694
bonjour,
il me semble qu'il ne s'agit pas d'un problème PHP.
as-tu examiné le code HTML généré? sais-tu quel est le code HTML pour obtenir ce que tu souhaites? sinon, cela me semble être un soucis avec HTML.
Messages postés
9
Date d'inscription
jeudi 6 juin 2019
Statut
Membre
Dernière intervention
3 septembre 2020

Je suis d'accord il s'agit d'un code CSS mais je n'ai pas trouvé le forum !!
Messages postés
12347
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
26 septembre 2020
694 >
Messages postés
9
Date d'inscription
jeudi 6 juin 2019
Statut
Membre
Dernière intervention
3 septembre 2020

discussion déplacée dans le forum CSS.