Centrer Verticalement dans un div
Résolu
philipf75017
Messages postés
10
Statut
Membre
-
yg_be Messages postés 24281 Date d'inscription Statut Contributeur Dernière intervention -
yg_be Messages postés 24281 Date d'inscription Statut Contributeur Dernière intervention -
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
merci de votre aide
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
A voir également:
- Centrer Verticalement dans un div
- Div c++ - Télécharger - Langages
- Dans le document à télécharger, léa a utilisé 2 méthodes différentes pour centrer le nom des continents. lesquels sont centrés correctement ? - Forum C
- S barré verticalement clavier ✓ - Forum Word
- Indesign centrer texte verticalement dans bloc - Forum InDesign
- Peut on récupérer un colis au centre de tri chronopost - Forum Consommation & Internet
1 réponse
yg_be
Messages postés
24281
Date d'inscription
Statut
Contributeur
Dernière intervention
Ambassadeur
1 586
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.
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.
philipf75017
Messages postés
10
Statut
Membre
Je suis d'accord il s'agit d'un code CSS mais je n'ai pas trouvé le forum !!
yg_be
Messages postés
24281
Date d'inscription
Statut
Contributeur
Dernière intervention
1 586
>
philipf75017
Messages postés
10
Statut
Membre
discussion déplacée dans le forum CSS.
