Problème avec une div dans la création d'une "fiche"
2 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 une div dans la création d'une "fiche"
Bonjour à tous
J'ai récemment créer une fiche pour les membres de mon forum et je souhaiterais poser un scroll vertical sur le cadre au fond transparent, car je souhaite garder le cadre de base sens scroll. Le soucis est, que, au moment de poser le scroll sur le cadre transparent que j'ai nommé "le contenu" et bien cela n'as pas fonctionner.
En gros,
J'ai créer un petit cadre avec un fond a 0.2 d'opacité dans un grand cadre avec un ribbon de présentation. Mais l'hors ce que j'ai voulus mettre le scroll sur le cadre transparent (à l'opacité réduite, donc) cela n'as pas fonctionner. ... Tous ce qu'il y avais dans le petit cadre transparent c'est afficher (bien sur sens le scroll) as tel point qu'il as dépasser le cadre principal d'une assez grande taille :/
De plus les ribbon placer en haut du cadre se sont complètement décaler ..
Pourriez vous m'aider?
Code de ma fiche (mon sujet) :
et voila,
ma CSS qui contient seulement les extrémité du ribbon (gauche et droite) :
Merci à ceux qui auront pris le temps de me lire et de m'aidez.
Vous êtes adorable je vous souhaite à tous une très bonne journée
J'ai récemment créer une fiche pour les membres de mon forum et je souhaiterais poser un scroll vertical sur le cadre au fond transparent, car je souhaite garder le cadre de base sens scroll. Le soucis est, que, au moment de poser le scroll sur le cadre transparent que j'ai nommé "le contenu" et bien cela n'as pas fonctionner.
En gros,
J'ai créer un petit cadre avec un fond a 0.2 d'opacité dans un grand cadre avec un ribbon de présentation. Mais l'hors ce que j'ai voulus mettre le scroll sur le cadre transparent (à l'opacité réduite, donc) cela n'as pas fonctionner. ... Tous ce qu'il y avais dans le petit cadre transparent c'est afficher (bien sur sens le scroll) as tel point qu'il as dépasser le cadre principal d'une assez grande taille :/
De plus les ribbon placer en haut du cadre se sont complètement décaler ..
Pourriez vous m'aider?
Code de ma fiche (mon sujet) :
- Code:
<center>
<div style="height: 800px; width: 85%; box-shadow: 5px 5px 20px #000000; background-image: url(http://gaia.equideow.com/media/equideo/image/background/body/default/body-background-landing-prairie.jpg?47486816); border: 1px solid #000000;">
<p class="ruban1"><img src="http://i59.servimg.com/u/f59/18/94/29/67/ruban110.png"/></p><p class="ruban3"><img src="http://i59.servimg.com/u/f59/18/94/29/67/ruban310.png"/>
</p>
<div style="min-height: 55px; max-height: 55px; background-image: url(http://i59.servimg.com/u/f59/18/94/29/67/ruban214.png); background-repeat: repeat-x; background-position: left;"><span style="font-size: 24px!important; text-align: center; font-color: #000!important; text-shadow: 1px 1px 4px #ffffff!important;">
Quand Divine Pluie fait un Bébé...</span></div>
<!--CONTENU DE TON ASTUCE-->
<div style="text-align: justify; color: #000; padding: 50px; background-color: rgba(255, 255, 255, 0.4); border: 1px #000 solid; margin: 10px; overflow: scroll;">
Heyl'0 {USER&#8288;NAME},
Comme nous l'avons tous vus au débuts du concours actuelle pour gagner la sublime Divine Pluie, celle-ci peut donner naissance à un petit nouveaux en s'accouplent avec Geyser . Cette petite et douce nouveaux porte déjà le nom de Nuage et je croit sincèrement que vous n'allez pas être déçus du graphisme.
Après avoir eu la chance d'obtenir une Pluie, j'ai tout de suite fait l'accouplement avec mon Geyser pour vous offrir un peut plus d'informations l'hors de sa naissance, mais, pour le moment et dans l'attente de ce moment si précieux je vous ai dénicher en farfouillent dans quelque scripts et URL du jeux des images inédites de ce petite Nuage a l'age de naissance mais également une fois adulte.
Je vous laisse donc les découvrirent toutes les deux et je reviens plus tard sur ce sujet pour vous apporter des informations sur le petite Nuage en question.
Voir le BoWnu`s
Un simple petit message de remerciement sur ce sujet,
et, hop! Le tour est jouer
:winkingface:
[hide]
[...] Mais, de rien chers Villageois, voila pour toi {USER&#8288;NAME}. Je te souhaite un très bon visionnage mais surtout n'hésite pas a nous dire ce que tu en pense!
Nuage Naissance
Nuage Adulte
</div>
</div>
</center>
et voila,
ma CSS qui contient seulement les extrémité du ribbon (gauche et droite) :
- Code:
/*--------------------FICHE ASTUCE EQUIDEOW-------------------------------------------------------------------*/
.ruban1{
float: left!important;
margin-left: -52px!important;
margin-top: -16px!important;
}
.ruban3{
float: right!important;
margin-right: -52px!important;
margin-top: -16px!important;
}
Merci à ceux qui auront pris le temps de me lire et de m'aidez.
Vous êtes adorable je vous souhaite à tous une très bonne journée
Dernière édition par Offrande le Lun 17 Nov - 5:05, édité 1 fois
Re: Problème avec une div dans la création d'une "fiche"
Up
Merci d'avance de vôtre aide
Merci d'avance de vôtre aide
Re: Problème avec une div dans la création d'une "fiche"
bonjour,
un essai , sans le CSS :
un essai , sans le CSS :
- Code:
<div style="height: 800px; width: 85%;margin:auto; box-shadow: 5px 5px 20px #000000; background-image: url(http://gaia.equideow.com/media/equideo/image/background/body/default/body-background-landing-prairie.jpg?47486816); border: 1px solid #000000;">
<div style="float: left;margin-left:-52px;margin-top:20px;"><img src="http://i59.servimg.com/u/f59/18/94/29/67/ruban110.png"/></div><div style="float: right;margin-right:-52px;margin-top:20px"><img src="http://i59.servimg.com/u/f59/18/94/29/67/ruban310.png"/></div><div style="height: 55px;margin-top:36px; background: url(http://i59.servimg.com/u/f59/18/94/29/67/ruban214.png) repeat-x;font-size: 24px;text-align: center;line-height:48px; font-color: #000; text-shadow: 1px 1px 4px #ffffff;">Quand Divine Pluie fait un Bébé...
</div><div style="height:450px;text-align: justify; color: #000; padding:10px 50px 50px; background-color: rgba(255, 255, 255, 0.4); border: 1px #000 solid; margin:150px 10px 0; overflow: auto;">
<!-- CONTENU DE TON ASTUCE --> Heyl'0 {USER&#8288;NAME},
Comme nous l'avons tous vus au débuts du concours actuelle pour gagner la sublime Divine Pluie, celle-ci peut donner naissance à un petit nouveaux en s'accouplent avec Geyser . Cette petite et douce nouveaux porte déjà le nom de Nuage et je croit sincèrement que vous n'allez pas être déçus du graphisme.
Après avoir eu la chance d'obtenir une Pluie, j'ai tout de suite fait l'accouplement avec mon Geyser pour vous offrir un peut plus d'informations l'hors de sa naissance, mais, pour le moment et dans l'attente de ce moment si précieux je vous ai dénicher en farfouillent dans quelque scripts et URL du jeux des images inédites de ce petite Nuage a l'age de naissance mais également une fois adulte.
Je vous laisse donc les découvrirent toutes les deux et je reviens plus tard sur ce sujet pour vous apporter des informations sur le petite Nuage en question.
Voir le BoWnu`s
Un simple petit message de remerciement sur ce sujet,
et, hop! Le tour est jouer
:winkingface:
[hide]
[...] Mais, de rien chers Villageois, voila pour toi {USER&#8288;NAME}. Je te souhaite un très bon visionnage mais surtout n'hésite pas a nous dire ce que tu en pense!
Nuage Naissance
Nuage Adulte
</div></div>
Re: Problème avec une div dans la création d'une "fiche"
Ha merci beaucoup cela as fonctionner à merveille !!
Merci encore une fois
Je te souhaite une très bonne nuit
Merci encore une fois
Je te souhaite une très bonne nuit
Sujets similaires
» Problème avec interface anti-spam lors de la création d'un topic ou pour répondre à un message (dans topic existant)
» Problème avec ma fiche de pub
» Un problème avec ma fiche de pesta"
» [Question] problème d'affichage des profils avec fiche html
» Problème avec un code de fiche de présentation
» Problème avec ma fiche de pub
» Un problème avec ma fiche de pesta"
» [Question] problème d'affichage des profils avec fiche html
» Problème avec un code de fiche de présentation
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