Probleme de transparence

2 participants

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

Résolu Probleme de transparence

Message par valoudu75 Mar 8 Déc 2015 - 2:05

Bonjour a tous Smile

alors voila avec ce code j'obtient ce resultat
Code:
<style type="text/css">.image { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; background: #cccccc; width: 200px; height: 200px; } .image:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; </style>
<table><tr><td><div style="background-image: url('http://38.media.tumblr.com/e70fa0e1b5b489a9ccba95c633726bdd/tumblr_inline_mgn4v3RFvL1r0kgjy.png'); width: 200px; height: 200px; position: relative;"><div class="image"><div style="width: 200px; padding: 8px; background-color: #cccccc; color: white;  line-height: 12px; height: 180px; overflow: auto; font-size: 12px; text-align: justify"><div style="font-size: 22px; text-align: center; font-family: Georgia; line-height: 17px;">Nom et Prenom</div>
Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem".Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem".
</div></div></div></td><td><div style="background-image: url('http://38.media.tumblr.com/e70fa0e1b5b489a9ccba95c633726bdd/tumblr_inline_mgn4v3RFvL1r0kgjy.png'); width: 200px; height: 200px; position: relative;"><div class="image"><div style="width: 200px; padding: 8px; background-color: #cccccc; color: white;  line-height: 12px; height: 180px; overflow: auto; font-size: 12px; text-align: justify"><div style="font-size: 22px; text-align: center; font-family: Georgia; line-height: 17px;">Nom et Prenom</div>
Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem".Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem".
</div></div></div></td></tr></table>

le background gris de l'image depasse et je voudrais que tout rentre dans l'ordre et que rien ne depasse.

voici en exemple ce que cela donne


merci par avance Smile


Dernière édition par valoudu75 le Mar 8 Déc 2015 - 23:20, édité 1 fois
valoudu75

valoudu75
**

Messages : 96
Inscrit(e) le : 12/02/2012

http://walk-of-fame.forumactif.org/
valoudu75 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de transparence

Message par Lixyr Mar 8 Déc 2015 - 13:22

Bonjour,

Quand on met un padding, il faut le prendre en compte pour la largeur d'un bloc...


<div class="image"><div style="width: 184px; padding: 8px; background-color: #cccccc; color: white; line-height: 12px; height: 180px; overflow: auto; font-size: 12px; text-align: justify"><div style="font-size: 22px; text-align: center; font-family: Georgia; line-height: 17px;">Nom et Prenom</div>
Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide


Ce qui donne :
Code:

        <style type="text/css">.image { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; background: #cccccc; width: 200px; height: 200px; } .image:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; </style>
        <table><tr><td><div style="background-image: url('http://38.media.tumblr.com/e70fa0e1b5b489a9ccba95c633726bdd/tumblr_inline_mgn4v3RFvL1r0kgjy.png'); width: 200px; height: 200px; position: relative;"><div class="image"><div style="width: 184px; padding: 8px; background-color: #cccccc; color: white;  line-height: 12px; height: 180px; overflow: auto; font-size: 12px; text-align: justify"><div style="font-size: 22px; text-align: center; font-family: Georgia; line-height: 17px;">Nom et Prenom</div>
        Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem".Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem".
        </div></div></div></td><td><div style="background-image: url('http://38.media.tumblr.com/e70fa0e1b5b489a9ccba95c633726bdd/tumblr_inline_mgn4v3RFvL1r0kgjy.png'); width: 200px; height: 200px; position: relative;"><div class="image"><div style="width: 184px; padding: 8px; background-color: #cccccc; color: white;  line-height: 12px; height: 180px; overflow: auto; font-size: 12px; text-align: justify"><div style="font-size: 22px; text-align: center; font-family: Georgia; line-height: 17px;">Nom et Prenom</div>
        Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem".Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem".
        </div></div></div></td></tr></table>


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Probleme de transparence 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Probleme de transparence 3592387030 pour prévenir la modération.

Probleme de transparence Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de transparence

Message par valoudu75 Mar 8 Déc 2015 - 23:18

ah je comprend Smile c'est gentil pour l'aide merci beaucoup Smile
valoudu75

valoudu75
**

Messages : 96
Inscrit(e) le : 12/02/2012

http://walk-of-fame.forumactif.org/
valoudu75 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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