Centrer img dans une DIV
Résolu/Fermé
tchao57
Messages postés
583
Date d'inscription
dimanche 12 avril 2009
Statut
Membre
Dernière intervention
15 octobre 2018
-
19 déc. 2013 à 19:14
tchao57 Messages postés 583 Date d'inscription dimanche 12 avril 2009 Statut Membre Dernière intervention 15 octobre 2018 - 20 déc. 2013 à 10:31
tchao57 Messages postés 583 Date d'inscription dimanche 12 avril 2009 Statut Membre Dernière intervention 15 octobre 2018 - 20 déc. 2013 à 10:31
A voir également:
- Centrer div
- Div c++ - Télécharger - Langages
- Excel moyenne sans div/0 ✓ - Forum Excel
- Fusionner et centrer excel grisé ✓ - Forum Excel
- 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 Jeux vidéo
- Centrer un tableau css - Forum Webmastering
9 réponses
Nhay
Messages postés
838
Date d'inscription
vendredi 2 novembre 2012
Statut
Membre
Dernière intervention
17 décembre 2015
126
19 déc. 2013 à 21:29
19 déc. 2013 à 21:29
Bonsoir.
Si le style position:absolute; est sur ton éléments, c'est surement ton script cycle qui le rajoute si toutes tes images ont la même tailles, fixe la taille sur #myslides, et à la limite tu peut toujours ajouter une autre div par dessus pour mettre le style que tu voulais à la base.
Si le style position:absolute; est sur ton éléments, c'est surement ton script cycle qui le rajoute si toutes tes images ont la même tailles, fixe la taille sur #myslides, et à la limite tu peut toujours ajouter une autre div par dessus pour mettre le style que tu voulais à la base.
tchao57
Messages postés
583
Date d'inscription
dimanche 12 avril 2009
Statut
Membre
Dernière intervention
15 octobre 2018
42
20 déc. 2013 à 09:39
20 déc. 2013 à 09:39
Bonjour Nhay et merci de ta réponse.
En effet, c'est bien le script cycle qui ajoute le style automatiquement. Je l'ai commenté et le style a disparu.
Par contre, mes images n'ont pas la même taille, c'est aléatoire.
Tu me dis d'ajouter une autre DIV par dessus #myslides c'est bien ça?
En effet, c'est bien le script cycle qui ajoute le style automatiquement. Je l'ai commenté et le style a disparu.
Par contre, mes images n'ont pas la même taille, c'est aléatoire.
Tu me dis d'ajouter une autre DIV par dessus #myslides c'est bien ça?
non une div dans ton foreach pour que chaque image ait sa div ;) et tu leur donne une class pour ton css
tchao57
Messages postés
583
Date d'inscription
dimanche 12 avril 2009
Statut
Membre
Dernière intervention
15 octobre 2018
42
20 déc. 2013 à 10:01
20 déc. 2013 à 10:01
Merci youra pour ta réponse.
Je ne maitrise pas PHP, je me contente de modifier au coup par coup. Pourrais-tu me filer le bout de code à modifier s'il te plais?
Merci
Je ne maitrise pas PHP, je me contente de modifier au coup par coup. Pourrais-tu me filer le bout de code à modifier s'il te plais?
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Youra87
Messages postés
47
Date d'inscription
mardi 10 avril 2012
Statut
Membre
Dernière intervention
20 décembre 2013
11
20 déc. 2013 à 10:06
20 déc. 2013 à 10:06
la balise <div> est du html donc elle vas dans le echo, et elle encadre ta balise image, tu lui rajoute une class et du css :
foreach ( new DirectoryIterator($directory) as $item ) {
if ($item->isFile()) {
$path = $directory . "/" . $item;
echo "<div class='bridebra'><img src=\"" . $path . "\"/></div>";
}
}
css
.bridebra{
text-align: center;
}
foreach ( new DirectoryIterator($directory) as $item ) {
if ($item->isFile()) {
$path = $directory . "/" . $item;
echo "<div class='bridebra'><img src=\"" . $path . "\"/></div>";
}
}
css
.bridebra{
text-align: center;
}
tchao57
Messages postés
583
Date d'inscription
dimanche 12 avril 2009
Statut
Membre
Dernière intervention
15 octobre 2018
42
20 déc. 2013 à 10:12
20 déc. 2013 à 10:12
OK c'est fait. La class se met bien à toutes les images mais le style généré en HTML reste toujours en position:absolute et les images restent en haut à gauche... :/
Youra87
Messages postés
47
Date d'inscription
mardi 10 avril 2012
Statut
Membre
Dernière intervention
20 décembre 2013
11
20 déc. 2013 à 10:16
20 déc. 2013 à 10:16
vas voir la doc css, il existe 5 valeur différente pour le "position:" dont inherit, static, relative.
tchao57
Messages postés
583
Date d'inscription
dimanche 12 avril 2009
Statut
Membre
Dernière intervention
15 octobre 2018
42
20 déc. 2013 à 10:22
20 déc. 2013 à 10:22
Le problème vient du script cycle comme la dit Nhay. Il créer une position:absolute pour les images automatiquement, je pense que c'est à cet endroit la qu'il faut modifier, mais je ne vois pas trop où.
Dans le plugin jquery.cycle.all.min.js peut être?
Dans le plugin jquery.cycle.all.min.js peut être?
tchao57
Messages postés
583
Date d'inscription
dimanche 12 avril 2009
Statut
Membre
Dernière intervention
15 octobre 2018
42
20 déc. 2013 à 10:31
20 déc. 2013 à 10:31
OK c'est bon j'ai trouvé...
C'était bien au niveau du plugin jquery.cycle.all.min.js.
J'ai modifié les lignes correspondantes aux position:absolute en position:relative
Et maintenant j'ai l'effet escompté.
Merci beaucoup pour votre aide et à Nhay pour m'avoir mis sur la piste du script cycle.
C'était bien au niveau du plugin jquery.cycle.all.min.js.
J'ai modifié les lignes correspondantes aux position:absolute en position:relative
Et maintenant j'ai l'effet escompté.
Merci beaucoup pour votre aide et à Nhay pour m'avoir mis sur la piste du script cycle.