Problème avec Quote et Code

2 participants

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

Résolu Problème avec Quote et Code

Message par Rikku 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.

Problème avec Quote et Code 120225114915119489492796

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

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

Scoubifitz
Membre actif

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

https://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 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

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 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('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;
}
Scoubifitz

Scoubifitz
Membre actif

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

https://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 Dim 26 Fév 2012 - 16:06

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

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 Dim 26 Fév 2012 - 16:13

pouvez vous mettre un lien vers le problème ?
Scoubifitz

Scoubifitz
Membre actif

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

https://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 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

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

Scoubifitz
Membre actif

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

https://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 Dim 26 Fév 2012 - 17:06

Merci beaucoup Scoubifitz cela fonctionne.
Rikku

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

- Sujets similaires

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