Centrer Verticalement dans un div
Résolu
philipf75017
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
yg_be Messages postés 23541 Date d'inscription Statut Contributeur Dernière intervention -
yg_be Messages postés 23541 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
- S barré verticalement clavier ✓ - Forum Bureautique
- Dans le document à télécharger : affichez l'ensemble des diapositives à l'écran avec 5 diapositives par ligne. repérez le groupe de 3 diapositives avec une fleur identique alignées verticalement, supprimez la première d'entre elles. un nouveau groupe de 3 diapositives avec une fleur identique alignées verticalement apparaît, supprimez encore la première d'entre elles. déplacez les 3 premières diapositives de la 4e ligne au début de la présentation. quel mot est formé par les lettres de la première colonne ? - Forum Powerpoint
- Word fractionner verticalement ✓ - Forum Word
- Indesign centrer texte verticalement dans bloc - Forum InDesign
1 réponse
yg_be
Messages postés
23541
Date d'inscription
Statut
Contributeur
Dernière intervention
Ambassadeur
1 584
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
Date d'inscription
Statut
Membre
Dernière intervention
Je suis d'accord il s'agit d'un code CSS mais je n'ai pas trouvé le forum !!
yg_be
Messages postés
23541
Date d'inscription
Statut
Contributeur
Dernière intervention
1 584
>
philipf75017
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
discussion déplacée dans le forum CSS.
