Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Probleme de transparence

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

Résolu Probleme de transparence

Message par valoudu75 le 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
avatar

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 le 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>


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de transparence

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

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

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


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