balises "code" et "quote" qui modifient le texte

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

Résolu balises "code" et "quote" qui modifient le texte

Message par pinke le Mar 3 Aoû 2010 - 13:43

Bonjour,
Je rencontre actuellement un petit soucis avec les deux balises "code" et "quote" de mon css. En effet, lorsque je met un texte sous forme de code, le texte qui suit (donc qui n'est plus sous forme de code) est déformé, car il est moins large que d'habitude. Pour vous montrer, j'ai pris un screen : http://i28.tinypic.com/311p1ev.png
Et voici mon CSS :

Spoiler:
Code:
/* pas de soulignement de liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

.bodyline{
          border-left: #D4D3C9 5px solid;
          border-right: #D4D3C9 5px solid;
}

.bodylinewidth {
margin: -25px auto;
}

a.mainmenu{
font-family : tahoma;
letter-spacing : 1px;
text-decoration: none;
color :#5D5B58;
background-color: #F0EFE7;
margin-left: -9px;
margin-right: -18px;
padding-right: 27px;
border-bottom: 3px solid #D4D3C9;
border-top: 3px solid #D4D3C9;
text-transform: lowercase;
  }
a.mainmenu:hover{
font-family : tahoma;
letter-spacing : 1px;
text-decoration: none;
color: #EF679A;
background-color:#F0EFE7;
margin-left: -9px;
margin-right: -18px;
padding-right: 27px;
border-bottom: 3px solid #D4D3C9;
border-top: 3px solid #D4D3C9;
text-transform: lowercase;
    }

tr.post span.gensmall { display: none; }

a.cattitle:hover{
 text-decoration: none;
 }

input,textarea, select {
border: 1px solid #E4E4E4;
}

a.forumlink {
color :#ef679a;
cursor :default;
font-family :tahoma;
font-size :11px;
margin-left :10px;
text-decoration :none;
letter-spacing : 1px;
}
a.forumlink:hover {
color : #85CC14;
cursor :default;
font-family :tahoma;
font-size :11px;
margin-left :10px;
text-decoration :none;
letter-spacing : 1px;
}

.limitation-signature img {
max-width: 200px;
max-height: 150px;

_width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 500 ) : true);
_height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 150 ) : true);
}

.postbody {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align:justify;
}

.code{
font-family: Tahoma;
font-size: 10px;
background-color: #E8E7DC;
border: 2px solid #D4D3C9;
display: block;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-top: 2px;
-moz-border-radius: 5px;
}

code {
max-width:400px !important;
}

.code div {
max-width:400px !important;
}

.quote{
font-family: Tahoma;
font-size: 10px;
background-color: #E8E7DC;
border: 2px solid #D4D3C9;
display: block;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-top: 2px;
-moz-border-radius: 5px;
}

.spoiler{
display: block;
font-size: 10px;
background-color: #F0EFE7;
border: 2px solid #D4D3C9;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-top: 2px;
-moz-border-radius: 5px;
}

.postdetails.poster-profile {
display: block;
padding-left: 5px;
padding-right: 5px;
}

.texte {
background-color: #E8E7DC;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-left: 2px solid #D4D3C9;
border-right: 2px solid #D4D3C9;
border-top: 2px solid #D4D3C9;
border-bottom: 2px solid #D4D3C9;
border-radius: 5px 5px;
-moz-border-radius: 5px;
}

.titre {
font-family: georgia;
font-size: 16px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
color: #EF679A;
background-color: #DEDDD3;
border-bottom : 2px solid #D4D3C9;
border-top : 2px solid #D4D3C9;
padding : 1px;
}

.trait {
border-bottom: 3px solid #85CC14;
}

.trait2 {
border-bottom: 2px solid #DEDDD3;
}

.tableauqueel{
background-color: #F0EFE7;
border: solid 3px #D4D3C9;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
}

a {
outline: none;
}

J'espère que vous pourrez m'aider!


Dernière édition par pinke le Mar 3 Aoû 2010 - 16:50, édité 1 fois

pinke
***

Féminin
Messages : 133
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balises "code" et "quote" qui modifient le texte

Message par ge80 le Mar 3 Aoû 2010 - 13:54

Bonjour

Pouvez-vous faire une copie de votre message compte... entre balises code.
Copie en mode non étendu WYSIWYG désactivé

Afin de faire un essai sur mon forum

Message avant et message après

Ou alors quel est le sous forum ouvert aux invités pour un test de création de message et d'édition?

Cordialement

Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balises "code" et "quote" qui modifient le texte

Message par pinke le Mar 3 Aoû 2010 - 14:01

Merci de votre rapidité.

Voici le message :

Spoiler:
Code:
[b]INDICATIONS[/b]
Les règles de la banque sont tout ce qu'il y a de plus simple. Comme v<div class="trait">[b]INDICATIONS[/b]</div>
Les règles de la banque sont tout ce qu'il y a de plus simple. Comme vous le savez, vous débutez le jeu avec 0 000$. Lorsque votre présentation aura été validée, vous devrez placer cet argent dans un compte bancaire que vous créerez vous-même en utilisant les formulaires appropriés. De cette manière, chaque fois que vous dépenserez ou gagnerez des sous, il vous suffira de l'indiquer en postant à la suite de votre propre compte en banque. La tricherie est bien entendu totalement interdite et de toute façon, les comptes seront régulièrement vérifiés. Bref, pour commencer, le titre de votre premier sujet devra obligatoirement être le suivant: [b]Compte bancaire de {USERNAME}[/b], pas autrement. Pour ce qui est maintenant de votre premier message, veuillez suivre ce qui suit :

[code]<div class="pa2">[font=Georgia][size=22]compte bancaire de pseudo[/size][/font]
Contient actuellement la somme de : [b]10 000$[/b]</div>[/code]

Les transactions sont à poster une par une, la première étant celle de l'achat de votre cheval. Le formulaire à utilisé est le suivant:

[code][b]Type de transaction[/b] : Gain/Dépense
[b]Montant de la transaction[/b] : 0$
[b]Cause et justificatif[/b] : [url=lien]Cause[/url]
[b]Argent restant[/b] : 0$[/code]

N'oubliez pas que vous recevrez votre salaire chaque dimanche. Cependant, les membres inscrits un jeudi, un vendredi, un samedi ou un dimanche, ne pourront recevoir leur paye. Ils devront attendre la semaine suivante pour la recevoir. Par ailleurs, un tableau des jours de paye a été créé afin de vous y retrouver plus facilement avec les dates.
ous le savez, vous débutez le jeu avec 0 000$. Lorsque votre présentation aura été validée, vous devrez placer cet argent dans un compte bancaire que vous créerez vous-même en utilisant les formulaires appropriés. De cette manière, chaque fois que vous dépenserez ou gagnerez des sous, il vous suffira de l'indiquer en postant à la suite de votre propre compte en banque. La tricherie est bien entendu totalement interdite et de toute façon, les comptes seront régulièrement vérifiés. Bref, pour commencer, le titre de votre premier sujet devra obligatoirement être le suivant: [b]Compte bancaire de [/b], pas autrement. Pour ce qui est maintenant de votre premier message, veuillez suivre ce qui suit :

[code][font=Georgia][size=22]compte bancaire de pseudo[/size][/font]
Contient actuellement la somme de : [b]10 000$[/b]
[/code]

Les transactions sont à poster une par une, la première étant celle de l'achat de votre cheval. Le formulaire à utilisé est le suivant:

[code][b]Type de transaction[/b] : Gain/Dépense
[b]Montant de la transaction[/b] : 0$
[b]Cause et justificatif[/b] : [url=lien]Cause[/url]
[b]Argent restant[/b] : 0$[/code]

N'oubliez pas que vous recevrez votre salaire chaque dimanche. Cependant, les membres inscrits un jeudi, un vendredi, un samedi ou un dimanche, ne pourront recevoir leur paye. Ils devront attendre la semaine suivante pour la recevoir. Par ailleurs, un tableau des jours de paye a été créé afin de vous y retrouver plus facilement avec les dates.

pinke
***

Féminin
Messages : 133
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balises "code" et "quote" qui modifient le texte

Message par ge80 le Mar 3 Aoû 2010 - 14:35

J'ai essayé sur mon forum et je ne vois pas de problème.

Avez-vous, sur votre forum, un forum ouvert aux invités pour que je teste sur votre forum ?

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balises "code" et "quote" qui modifient le texte

Message par pinke le Mar 3 Aoû 2010 - 14:45

Oui le voilà : http://chouchouessai.forumactif.us/test-f28/

pinke
***

Féminin
Messages : 133
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balises "code" et "quote" qui modifient le texte

Message par ge80 le Mar 3 Aoû 2010 - 14:46

Je suis parti chez vous Yahoo

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balises "code" et "quote" qui modifient le texte

Message par pinke le Mar 3 Aoû 2010 - 15:34

Merci pour votre aide! J'attends les résulats

pinke
***

Féminin
Messages : 133
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balises "code" et "quote" qui modifient le texte

Message par ge80 le Mar 3 Aoû 2010 - 15:35

C'est en cours.
bounce

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balises "code" et "quote" qui modifient le texte

Message par ge80 le Mar 3 Aoû 2010 - 16:47

Votre CSS :

Spoiler:
Code:
/* pas de soulignement de liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

.bodyline{
          border-left: #D4D3C9 5px solid;
          border-right: #D4D3C9 5px solid;
}

.bodylinewidth {
margin: -25px auto;
}

a.mainmenu{
font-family : tahoma;
letter-spacing : 1px;
text-decoration: none;
color :#5D5B58;
background-color: #F0EFE7;
margin-left: -9px;
margin-right: -18px;
padding-right: 27px;
border-bottom: 3px solid #D4D3C9;
border-top: 3px solid #D4D3C9;
text-transform: lowercase;
  }
a.mainmenu:hover{
font-family : tahoma;
letter-spacing : 1px;
text-decoration: none;
color: #EF679A;
background-color:#F0EFE7;
margin-left: -9px;
margin-right: -18px;
padding-right: 27px;
border-bottom: 3px solid #D4D3C9;
border-top: 3px solid #D4D3C9;
text-transform: lowercase;
    }

tr.post span.gensmall { display: none; }

a.cattitle:hover{
 text-decoration: none;
 }

input,textarea, select {
border: 1px solid #E4E4E4;
}

a.forumlink {
color :#ef679a;
cursor :default;
font-family :tahoma;
font-size :11px;
margin-left :10px;
text-decoration :none;
letter-spacing : 1px;
}
a.forumlink:hover {
color : #85CC14;
cursor :default;
font-family :tahoma;
font-size :11px;
margin-left :10px;
text-decoration :none;
letter-spacing : 1px;
}

.limitation-signature img {
max-width: 200px;
max-height: 150px;

_width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 500 ) : true);
_height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 150 ) : true);
}

.postbody {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align:justify;
}

.code{
font-family: Tahoma;
font-size: 10px;
background-color: #E8E7DC;
border: 2px solid #D4D3C9;
display: block;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-top: 2px;
-moz-border-radius: 5px;
}

code {
max-width:400px !important;
}

.code div {
max-width:400px !important;
}

.quote{
font-family: Tahoma;
font-size: 10px;
background-color: #E8E7DC;
border: 2px solid #D4D3C9;
display: block;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-top: 2px;
-moz-border-radius: 5px;
}

.spoiler{
display: block;
font-size: 10px;
background-color: #F0EFE7;
border: 2px solid #D4D3C9;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-top: 2px;
-moz-border-radius: 5px;
}

.postdetails.poster-profile {
display: block;
padding-left: 5px;
padding-right: 5px;
}

.texte {
background-color: #E8E7DC;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-left: 2px solid #D4D3C9;
border-right: 2px solid #D4D3C9;
border-top: 2px solid #D4D3C9;
border-bottom: 2px solid #D4D3C9;
border-radius: 5px 5px;
-moz-border-radius: 5px;
}

.titre {
font-family: georgia;
font-size: 16px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
color: #EF679A;
background-color: #DEDDD3;
border-bottom : 2px solid #D4D3C9;
border-top : 2px solid #D4D3C9;
padding : 1px;
}

.trait {
border-bottom: 3px solid #85CC14;
}

.trait2 {
border-bottom: 2px solid #DEDDD3;
}

.tableauqueel{
background-color: #F0EFE7;
border: solid 3px #D4D3C9;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
}

a {
outline: none;
}

La correction du Css à faire

Code:

.postbody {
    padding: 10px 15px 10px 5px;
    text-align:justify;
}

Cela n'était pas simple car vos deux forums ont des Css différents.

Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balises "code" et "quote" qui modifient le texte

Message par pinke le Mar 3 Aoû 2010 - 16:49

Parfait, merci beaucoup!
Bonne journée

pinke
***

Féminin
Messages : 133
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke 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