Problème avec une div dans la création d'une "fiche"

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec une div dans la création d'une "fiche"

Message par Offrande le Sam 15 Nov 2014 - 4:47

Bonjour à tous ::fleur::

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 .. Sad 
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&amp;#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&amp;#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>

::fleur:: 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 ::fleur:: je vous souhaite à tous une très bonne journée  I love you


Dernière édition par Offrande le Dim 16 Nov 2014 - 22:05, édité 1 fois

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec une div dans la création d'une "fiche"

Message par Offrande le Sam 15 Nov 2014 - 16:42

Up ::fleur::

Merci d'avance de vôtre aide Smile

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec une div dans la création d'une "fiche"

Message par Scoubifitz le Dim 16 Nov 2014 - 6:25

bonjour,

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&amp;#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&amp;#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>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec une div dans la création d'une "fiche"

Message par Offrande le Dim 16 Nov 2014 - 22:02

Ha merci beaucoup cela as fonctionner à merveille !!

Merci encore une fois ::fleur::
Je te souhaite une très bonne nuit Smile

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum