| Problème avec le code...du code justement! | |
|
Pocky'Mosh
{ Membre }
Messages : 26
| Bonsoir =] Tout d'abord merci à ceux qui voudront bien se pencher sur mon problème!
J'ai donc un problème avec les codes sur mon forum. Lorsque j'insère un code, comme par exemple celui de la fiche de présentation, eh bien le code "sort" du cadre du code °° Auparavant le code déformait la page, mais grâce à cette question : https://css-actif.forumactif.org/resolu-f18/petit-probleme-avec-code-et-spoiler-t5623.htm?highlight=code+%C3%A9largit j'ai pu minimiser le problème.
Maintenant, j'aimerais que le code rentre dans le cadre >< Alors parce qu'une image vaut mieux qu'un long discours : https://2img.net/h/oi28.tinypic.com/beej9t.jpg
& voici le CSS pour le code :
- Code:
-
.code { background-image: url(http://i30.tinypic.com/t53ona.jpg); color: #ffffff; font-family: Georgia; font-size:12px; width : 550px; display: block; }
.fond.code {font-family: Georgia,'CourierNew',sans-serif; font-size: 12px; color: #ffffff; background-image: url(http://i30.tinypic.com/t53ona.jpg); width : 550px; display: block; } Merci de m'avoir prêté attention x) |
Dernière édition par Pocky'Mosh le Mar 10 Aoû 2010, 12:24, édité 1 fois | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Bonjour. Serait il possible d'avoir un lien consultable illustrant le problème ? | | |
|
| |
Pocky'Mosh
{ Membre }
Messages : 26
| Bonsoir =] Voici le lien de la fiche de présentation : http://kuroshitsuji.forumotion.com/registration-f6/modele-de-presentation-t5.htm#106
EDIT: ici aussi T_T http://kuroshitsuji.forumotion.com/boites-aux-lettres-f100/boites-aux-lettres-explications-t29.htm#164 | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Bien. Ajoute ceci à ton CSS : - Code:
-
.code div { width: auto !important; } | | |
|
| |
Pocky'Mosh
{ Membre }
Messages : 26
| Ça fonctionne du tonnerre °° Sérieux, t'es un dieu *0* /SBAFF/ Merci beaucoup pour cette réponse rapide & oh combien efficace =]
| | |
|
| |
Mina
{ Membre }
Messages : 122
| Hey ! J'avais le même problème et ça a fonctionné également, donc un grand merci. Mais le souci est que cette méthode supprime toute la mise en page de mon code !
Peut-on y remédier ? | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Bonjour Nina. Il va faloir être plus explicité au sujet de "cette méthode supprime toute la mise en page de mon code". Car je ne vois pas vraiment de quoi tu parle. Image avant après, explication et lien consultable ? | | |
|
| |
Mina
{ Membre }
Messages : 122
| Ah oui désolée, je devais vite partir travailler donc je n'ai pas eu le temps d'héberger une capture. En tout merci de bien vouloir te pencher sur mon souci Actuellement, en appliquant la balise proposée dans ce sujet, l'apparence de mon code est telle : - Spoiler:
Alors qu'avant, mon texte sortait du cadre mais j'avais tout de même la mise en page CSS que j'avais réalisé (Cadre en pointillés, entre autres) : - Spoiler:
Dites moi ce dont vous avez besoin et je vous le donnerai =) Merci encore | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| J'ai besoin de savoir ce que tu à ajouter exactement dans ta CSS entre les 2 état. Et j'ai toujours besoin du lien vers un post consultable par les invité. | | |
|
| |
Mina
{ Membre }
Messages : 122
| Alors le CSS acutel : - Code:
-
.code div { width: auto !important; } { font-family: Comic Sans MS; font-size: 11px; color: #9b6b6b; line-height: 125%; background-image: url(http://img21.imageshack.us/img21/5233/sanstitre32x.png); border: #FFFFFF; border-style: solid; border: 2px dashed #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 3px ; width: 400px; display: block; padding: 10px; text-align: justify; Celui d'avant : - Code:
-
.code { font-family: Comic Sans MS; font-size: 11px; color: #9b6b6b; line-height: 125%; background-image: url(http://img21.imageshack.us/img21/5233/sanstitre32x.png); border: #FFFFFF; border-style: solid; border: 2px dashed #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 3px ; width: 400px; display: block; padding: 10px; text-align: justify; J'ai seulement rajouté la div en fait ^^' Quant au lien : http://itsumademo.asiat-world.com/votre-1er-forum-f1/votre-1er-sujet-t1.htm#1 Le voici ^.^ | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Oui mais tu as en même temps réatibué par mégarde les propriété de .code à la div. - Citation :
- .code div { width: auto !important; }
{ font-family: Comic Sans MS; ... - Citation :
- .code div { width: auto !important; }
.code { font-family: Comic Sans MS; ... | | |
|
| |
Mina
{ Membre }
Messages : 122
| Ah ! Disons que j'avais mal compris ton aide, j'avais cru qu'il fallait juste rajouter le "div" après le .code, ce n'est même pas une erreur par mégarde ^^' Merci beaucoup de ton aide je vais vérifier que ça fonctionne ... EDIT : Han ça marche impecc' ! Un gros merci !! | | |
|
| |
Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône "résolu" en éditant votre 1er post.
| | |
|
| |
Contenu sponsorisé
| |
| |
| Problème avec le code...du code justement! | |
|