Problème avec Quote et Code

[Rikku]

Bonjour/Bonsoir,

Comme vous pouvez le voir sur l'image le texte est sur le cristal, donc certains passage du texte est illisible.
Je voudrais savoir comment faire pour que le texte ne se trouve pas sur l'image.



Le code de Quote et Code :

Code:

.quote
{
color : black;
background-color : #b1b0b0;
background-image : URL('http://nsm07.casimages.com/img/2012/02/25/120225112135119489492612.png');
background-repeat : no-repeat;
padding-top : 7px;
padding-bottom : 7px;
padding-left : 15px;
text-align : 15px;
background-position : left;
-moz-border-radius: 15px;
 border-left: 2px #ffffff solid;
}

.code
{
font-family : Courier;
color : black;
background-color : #b1b0b0;
background-image : URL('http://nsa21.casimages.com/img/2012/02/25/120225111844982215.png');
background-repeat : no-repeat;
padding-top : 7px;
padding-bottom : 7px;
padding-left : 15px;
background-position : left;
border-left: 2px #ffffff solid;
-moz-border-radius: 15px;
}

Merci d'avance.

[Scoubifitz]

bonsoir,

votre image a une taille de 40x40 , votre "padding-left" devra être plus grand que ce nombre ...

exemple avec un padding-left de 45 px :

essai essai essai essai essai essai essai essai essai essai essai essai essai essai essai essai essai essai essai essai essai essai

Code:

[table]
[tr]
[td style="width:300px;height:100px;color : black;background-color : #b1b0b0;background-image : URL('http://nsm07.casimages.com/img/2012/02/25/120225112135119489492612.png');background-repeat : no-repeat;padding-top : 7px;padding-bottom : 7px;padding-left : 45px;text-align : 15px;background-position : left;-moz-border-radius: 15px;border-left: 2px #ffffff solid;"]essai essai essai essai essai
essai essai essai essai essai essai
essai essai essai essai essai
essai essai essai essai essai essai [/td]
[/tr]
[/table]

[Rikku]

Bonsoir,

J'ai mis 50px mais ça ne fonctionne pas et j'ai pas envie que mes membres doivent utilisé a chaque fois les [tables] pour que cela fonctionne.
Où alors on peut aussi encadrer le texte avec le CSS, si c'est possible.

Merci quand même.

[Scoubifitz]

bonsoir,

j'ai mis le tableau en exemple , pour un meilleur visuel ...

avez-vous agrandi les valeurs de votre CSS ?

.quote
{
color : black;
background-color : #b1b0b0;
background-image : URL('https://nsm07.casimages.com/img/2012/02/25/120225112135119489492612.png');
background-repeat : no-repeat;
padding-top : 7px;
padding-bottom : 7px;
padding-left :45px; /* était à 15px */
text-align : 15px; /* n'existe pas ... */
background-position : left;
-moz-border-radius: 15px;
border-left: 2px #ffffff solid;
}

.code
{
font-family : Courier;
color : black;
background-color : #b1b0b0;
background-image : URL('https://nsa21.casimages.com/img/2012/02/25/120225111844982215.png');
background-repeat : no-repeat;
padding-top : 7px;
padding-bottom : 7px;
padding-left :45px; /* était à 15px */
background-position : left;
border-left: 2px #ffffff solid;
-moz-border-radius: 15px;
}

[Rikku]

Oui, j'ai mis 50px mais ça change rien du tout.

[Scoubifitz]

pouvez vous mettre un lien vers le problème ?

[Rikku]

Voici mon forum de test: http://commandedesign.forumcanada.org/t1-votre-1er-sujet

C'est en PHPBB2

[Scoubifitz]

remplacez ceci :

Code:

.quote
{
width:300px;height:100px;
color : black;
background-color : #b1b0b0;
background-image : URL('http://nsm07.casimages.com/img/2012/02/25/120225112135119489492612.png');
background-repeat : no-repeat;
padding-left : 50px;
padding-top : 7px;
padding-bottom : 7px;
margin: 1em 1px 1em 50px;
background-position : left;
moz-border-radius: 15px;
border-left: 2px #ffffff solid;}

.code
{
font-family : Courier;
color : black;
background-color : #b1b0b0;
background-image : URL('http://nsa21.casimages.com/img/2012/02/25/120225111844982215.png');
background-repeat : no-repeat;
padding-top : 7px;
padding-bottom : 7px;
padding-left : 50px;
background-position : left;
border-left: 2px #ffffff solid;
-moz-border-radius: 15px;
}





par ceci :

Code:

tr td.quote{
   color : black;
   background-color : #b1b0b0;
   background-image : URL('http://nsm07.casimages.com/img/2012/02/25/120225112135119489492612.png');
   background-repeat : no-repeat;
   padding-top : 7px;
   padding-bottom : 7px;
   padding-left : 40px;
   background-position : left;
   -moz-border-radius: 15px;
   border-left: 2px #ffffff solid;
   }

.code{
   font-family : Courier;
   color : black;
   background-color : #b1b0b0;
   background-image : URL('http://nsa21.casimages.com/img/2012/02/25/120225111844982215.png');
   background-repeat : no-repeat;
   background-position : left;
   border-left: 2px #ffffff solid;
   -moz-border-radius: 15px;
   }
.code div{
   padding-top : 7px;
   padding-bottom : 7px;
   padding-left : 20px;
   }

[Rikku]

Merci beaucoup Scoubifitz cela fonctionne.