Centrer Verticalement dans un div
Résolu
philipf75017
Messages postés
10
Statut
Membre
-
yg_be Messages postés 24281 Statut Contributeur -
yg_be Messages postés 24281 Statut Contributeur -
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
- Remplacer #div/0 par vide ✓ - Forum Excel
- Indesign centrer texte verticalement dans bloc - Forum InDesign
- 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
- 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
1 réponse
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
Statut
Contributeur
1 584
>
philipf75017
Messages postés
10
Statut
Membre
discussion déplacée dans le forum CSS.
