Problème avec les messages en accordéon
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème avec les messages en accordéon
Détails techniques
Version du forum : phpBB2Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Description du problème
Bonsoir,Je me permet de contacter les membres de ce forum afin d'obtenir de l'aide concernant les messages en accordéons. Je viens de suivre ce tutoriel : cliquez ici. Tous s'affiche correctement. Cependant les images utilisées, ne correspondent pas à mon projet et lorsque j'ai souhaité mettre une image quelconque, elle s'affiche comme sur le screen fournis ultérieurement. Donc j'ai deux questions à vous poser :
- Comment faire en sorte que mon image (orange) prenne toute la largeur/hauteur du slide ?
- Comment mettre du texte par dessus l'image ?
Je vous remercie d'avance.
Dernière édition par -Krozy le Jeu 15 Déc 2016 - 13:25, édité 1 fois
Re: Problème avec les messages en accordéon
Bonsoir Krozy,
Dans votre code html retirer la partie suivante.
Pour finir rajouter ce code dans le css
Dans votre code html retirer la partie suivante.
- Code:
<figure>
<img class="full" src="http://i.imgur.com/SHaqP.jpg" alt="image" />
</figure>
- Code:
<table class="fond_accordéon">
<tbody>
<tr>
<td class="texte_onglet">
Votre contenu ici
</td>
</tr>
</tbody>
</table>
Pour finir rajouter ce code dans le css
- Code:
.fond_accordéon{
background-image: url(' votre image ici');
width:725px; /* largeur de votre image */
height:320px; /* hauteur de votre image */
}
.texte_onglet{
color: #000000; /* couleur du texte */
padding: 10px;
vertical-align: text-top;
}
Re: Problème avec les messages en accordéon
Le problème, si je suis vos conseils, votre code
L'image ce coupe :
Image original ==> https://i.servimg.com/u/f37/19/34/61/68/lpromo10.png avec pour largeur 759 (j'ai arrondis à 770 pour essayer) et de hauteur 300 (j'ai laissé 320)
Voici le rendu : https://i.servimg.com/u/f37/19/34/61/68/captur10.png
Y'a-t-il possibilité de faire en sorte que l'image rentre avec sa hauteur et largeur d'origine et faudra-t-il à chaque fois que je redimensionne l'image ?
Merci de ton aide !
Code a écrit:
.fond_accordéon{
background-image: url(' votre image ici');
width:725px; /* largeur de votre image */
height:320px; /* hauteur de votre image */
}
L'image ce coupe :
Image original ==> https://i.servimg.com/u/f37/19/34/61/68/lpromo10.png avec pour largeur 759 (j'ai arrondis à 770 pour essayer) et de hauteur 300 (j'ai laissé 320)
Voici le rendu : https://i.servimg.com/u/f37/19/34/61/68/captur10.png
Y'a-t-il possibilité de faire en sorte que l'image rentre avec sa hauteur et largeur d'origine et faudra-t-il à chaque fois que je redimensionne l'image ?
Merci de ton aide !
Re: Problème avec les messages en accordéon
Bonsoir Krozy,
Désolé de ne pas être intervenu plus tôt j'ai été absent.
Remplacer votre css par celui la et normalement votre image va s'adapter automatiquement a l'onglet.
Désolé de ne pas être intervenu plus tôt j'ai été absent.
Remplacer votre css par celui la et normalement votre image va s'adapter automatiquement a l'onglet.
- Code:
.fond_accordéon{
width: 100%;
height: 100%;
background-image: url('http://i37.servimg.com/u/f37/15/55/14/56/lpromo11.png');
background-position: center center;
background-repeat: no-repeat;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.texte_onglet{
color: #fff; /* couleur du texte */
font-family: 'Segoe Print', sans-serif;
padding: 5px;
vertical-align: text-top;
}
Re: Problème avec les messages en accordéon
Je vous remercie cela fonctionne parfaitement !
Mon problème est donc résolu
Mon problème est donc résolu
Sujets similaires
» Problème avec une PA en accordéon !
» Problème avec un accordéon
» Problème avec mon accordéon, comment enlevez les chiffres ?
» Gros probleme avec l'ecriture "Messages" et " date d'inscription" lors de messages
» Problème avec les options des messages & cadrage du forum avec le fond
» Problème avec un accordéon
» Problème avec mon accordéon, comment enlevez les chiffres ?
» Gros probleme avec l'ecriture "Messages" et " date d'inscription" lors de messages
» Problème avec les options des messages & cadrage du forum avec le fond
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum