changer la taille d'une cellule "code :"

3 participants

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

Résolu changer la taille d'une cellule "code :"

Message par MlleAlys Jeu 1 Nov 2012 - 20:16

bonjour/bonsoir,
je voulais savoir comment faire en sorte que la cellule d'un code s'adapte à la taille de celui-ci (et donc ne soit pas fixe avec une barre de défilement) ?

merci d'avance !


Dernière édition par MlleAlys le Ven 2 Nov 2012 - 12:30, édité 1 fois
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la taille d'une cellule "code :"

Message par Dr. Sam Ven 2 Nov 2012 - 1:32

Bonjour,

Normalement, nous mettons de base le widht et le height en mode auto... Peux-tu me montrer le code que tu veux modifier pour obtenir ton résultat ?
Dr. Sam

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la taille d'une cellule "code :"

Message par MlleAlys Ven 2 Nov 2012 - 1:44

et bien, d'une façon générale, faire en sorte que la cellule s'agrandisse au fur et à mesure que le code s'allonge, contrairement à la cellule de base, comme ici :

Code:
bla
bla
bla
bla
bla
bla
bla
bla
bla
bla
bla
bla
bla
bla
bla

voilà, la cellule ne s'agrandit pas plus, et c'est une barre de défilement qui apparaît... C'est que je voudrais éviter ^^"
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la taille d'une cellule "code :"

Message par Dr. Sam Ven 2 Nov 2012 - 1:55

je te donne un exemple Wink

Si tu veux que ton div avec des bordure noir s'agrandit vers le bas vers le bas... je vais prendre l'exemple de ton bla bla bla Wink

Tu fait cela:
Code:
<div style="boder: 1px solid #000; width:100px; height: auto;">
Bla <br />
Bla <br />
Bla <br />
Bla <br />
Bla <br />
Bla <br />
Bla <br />
Bla <br />
Bla <br />
Bla <br />
Bla <br />
</div>

Comme tu vois, j'ai rajouter ce code dans mon div:
Code:
style="boder: 1px solid #000; width:100px; height: auto;"
(Que cela soit un div ou un table ou autres, ce code si tu le rajoute marchera Wink Il faudra cependant le modifier afin d'obtenir exactement ce que tu souhaite Wink )

Afin que ton cadre s'étire à toute les fois que tu saute une ligne, il faut que tu lui dise que ton height va s'agrandir automatiquement... Voila pourquoi j'ai mit le code suivant dans ton div, height: auto; et le width: 100px; c'est pour dire que ton cadre va faire 100px de long Wink... Pour finir, ce code, boder: 1px solid #000; c'est pour dire que le bord du cadre est noire et fait 1px d'épaisseur Razz...

En gros, pour que ton cadre s'étire vers le bas avec le texte, il faut que tu rajoute ce code dans ta balise: style="height: auto;" ... Rien ne t'empêche de rajouter d'autres parcelles de code Wink

P.S. La balise <br /> serre à faire un saut de ligne Wink


Cordialement,
Smile
Dr. Sam

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la taille d'une cellule "code :"

Message par MlleAlys Ven 2 Nov 2012 - 11:50

mais il faut que je le remette à chaque fois que j'écris un code non ? (d'ailleurs, je n'ai pas bien compris : où est ce que je le mets dans les balises [code][/*code] ? ^^")
Y a t il moyen d'automatiser la chose, via le css peut être ?
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la taille d'une cellule "code :"

Message par AenigmA Ven 2 Nov 2012 - 11:56

Bonjour,
Dans ton css mets ceci (je pense que ça marche)

Code:
.code div.cont_code {
max-height: auto;
overflow: auto;
}
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la taille d'une cellule "code :"

Message par MlleAlys Ven 2 Nov 2012 - 12:20

ça ne fonctionne pas, mais oui c'est bien quelque chose comme ça que je voudrais !


EDIT : j'ai remplacé auto par 9999px, c'est un peu bricolage mais ça marche ! Laughing

merci !
je mets le sujet en résolu
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys 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