Problème avec Quote et Code

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

Résolu Problème avec Quote et Code

Message par Rikku le Sam 25 Fév 2012 - 23:39

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.


Dernière édition par Rikku le Dim 26 Fév 2012 - 17:06, édité 1 fois

Rikku
*****

Féminin
Messages : 540
Inscrit(e) le : 28/07/2006

http://ffdestiny.highforum.net/
Rikku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec Quote et Code

Message par Scoubifitz le Dim 26 Fév 2012 - 0:27

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]

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.

Résolu Re: Problème avec Quote et Code

Message par Rikku le Dim 26 Fév 2012 - 0:48

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.

Rikku
*****

Féminin
Messages : 540
Inscrit(e) le : 28/07/2006

http://ffdestiny.highforum.net/
Rikku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec Quote et Code

Message par Scoubifitz le Dim 26 Fév 2012 - 2:34

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('http://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('http://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;
}

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.

Résolu Re: Problème avec Quote et Code

Message par Rikku le Dim 26 Fév 2012 - 16:06

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

Rikku
*****

Féminin
Messages : 540
Inscrit(e) le : 28/07/2006

http://ffdestiny.highforum.net/
Rikku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec Quote et Code

Message par Scoubifitz le Dim 26 Fév 2012 - 16:13

pouvez vous mettre un lien vers le problème ?

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.

Résolu Re: Problème avec Quote et Code

Message par Rikku le Dim 26 Fév 2012 - 16:18

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

C'est en PHPBB2

Rikku
*****

Féminin
Messages : 540
Inscrit(e) le : 28/07/2006

http://ffdestiny.highforum.net/
Rikku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec Quote et Code

Message par Scoubifitz le Dim 26 Fév 2012 - 16:51

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;
   }

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.

Résolu Re: Problème avec Quote et Code

Message par Rikku le Dim 26 Fév 2012 - 17:06

Merci beaucoup Scoubifitz cela fonctionne.

Rikku
*****

Féminin
Messages : 540
Inscrit(e) le : 28/07/2006

http://ffdestiny.highforum.net/
Rikku 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