balises "code" et "quote" qui modifient le texte
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
balises "code" et "quote" qui modifient le texte
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 : https://2img.net/h/oi28.tinypic.com/311p1ev.png
Et voici mon CSS :
J'espère que vous pourrez m'aider!
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 : https://2img.net/h/oi28.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
Re: balises "code" et "quote" qui modifient le texte
Bonjour
Pouvez-vous faire une copie de votre message compte... entre balises code.
Copie en mode non étendu :Nowysing:
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
Pouvez-vous faire une copie de votre message compte... entre balises code.
Copie en mode non étendu :Nowysing:
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
Re: balises "code" et "quote" qui modifient le texte
Merci de votre rapidité.
Voici le message :
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.
Re: balises "code" et "quote" qui modifient le texte
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 ?
Avez-vous, sur votre forum, un forum ouvert aux invités pour que je teste sur votre forum ?
Re: balises "code" et "quote" qui modifient le texte
Je suis parti chez vous
Re: balises "code" et "quote" qui modifient le texte
Merci pour votre aide! J'attends les résulats
Re: balises "code" et "quote" qui modifient le texte
C'est en cours.
Re: balises "code" et "quote" qui modifient le texte
Votre CSS :
La correction du Css à faire
Cela n'était pas simple car vos deux forums ont des Css différents.
Ge
- 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
Re: balises "code" et "quote" qui modifient le texte
Parfait, merci beaucoup!
Bonne journée
Bonne journée
Sujets similaires
» Les balises code, citation, quote
» Balises [code], [quote] et [spoiler] qui beuguent
» Problème avec les balises code, quote et spoiler
» Changement de couleur du texte entre les balises code
» Décalage code, spoiler, quote
» Balises [code], [quote] et [spoiler] qui beuguent
» Problème avec les balises code, quote et spoiler
» Changement de couleur du texte entre les balises code
» Décalage code, spoiler, quote
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum