Augmenter la hauteur du div/span de la balise "code" [Résolu]

[Djakisback]

Bonjour à tous,
je me demandais s'il y avait moyen d'augmenter la hauteur du div ou du span de la balise "code", en fait elle vraiment trop petite en hauteur non ?
je parle du div généré par la balise 'code' du forum
mais je n'ai pas trouvé de forum 'suggestions'.

[Siguillaume]

Bonjour, je ne crois pas que la hauteur de ce div soit fixé.
Il est variable en fonction du "comment le code est écrit?".

Je ne sais pas encore quelle est la logique suivie, mais c'est un constat personnel.

[Celira]

Il y a bien une hauteur maximale sur la zone générée par les balises [code], qui correspond à une quinzaine de lignes, il me semble bien.

Tout l'intérêt de la balise est de pouvoir mettre 300 lignes de code si nécessaire sans que ça occupe tout l'espace. (ceci dit, si tu as besoin de mettre 300 lignes de code, c'est que tu as un sacré problème )

[Siguillaume]

Envoyé par Celira

Il y a bien une hauteur maximale

Mais il arrive que de longs codes (de plusieurs lignes(>15))soient géres dans un espace de moins de 15 lignes

[12monkeys]

Bonsoir

Si tu utilises Firefox tu peut personnaliser n'importe quel site en y ajoutant ton code css personnel : il faut le rajouter dans le fichier userContent.css que tu trouvera dans le profil de firefox.

Par exemple pour modifier le forum tu peut y écrire ceci :

Code :

@-moz-document url-prefix(http://www.developpez.net/forums/) {

puis trouver les class et id à modifier...

[Djakisback]

Merci je vais aller regarder ça de ce pas, je connaissais pas ^^
En fait c'est pas un div c'est un pre dont le style est généré dynamiquement (et la hauteur en fonction du nombre de lignes, j'imagine, ex. plus bas), je ne suis pas sûr que l'on puisse overrider un style explicite depuis un css externe, je vais regarder cela.

Ex :

Code :

<pre class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px; overflow: auto; width: 640px; height: 114px; text-align: left;" dir="ltr">

[Djakisback]

Oui c'est bien ce qui me semblait, l'attribut style override l'attribut class donc ça ne marche pas, tant pis ^^

[12monkeys]

Bon alors cette solution en même temps fonctionne et ne fonctionne pas

Tu as raison l'attribut style as la priorité. Pour contrer ça il faut utiliser la règle !important.

Code css :

1
2
3
4
5
@-moz-document url-prefix(http://www.developpez.net/forums/) {
	pre {
		height:800px !important;
	}
}

Ce code va prendre le dessus par rapport aux déclarations faites dans l'attribut style.

Donc cela fonctionnera me diras tu ! Oui mais cela va avoir un inconvénient de taille :

J'ai constaté que la valeur du height dans l'attribut style est changeante en fonction du contenu... Je pense que cette valeur est changée dynamiquement en fonction du contenu de la balise [code]...

Donc dans l'exemple que je donne tu aura une balise code de 800 px de haut peut importe que le code contenu dans cette balise soit d'une, de deux lignes... etc...

[Edit] Pour le moment je n'ai pas trouvé de solution, il ne doit pas y en avoir (autre que de changer coté serveur), j'ai essayé max-height, mais c'est le height de l'attribut style qui est pris en compte...

[Djakisback]

Merci pour ta réponse. J'avais tenté !important mais ça ne fonctionnait pas, j'ai dû me planter . Je vais tenter avec height:auto; au moins ça affichera tout ; ce que je préfèrerais.

[Djakisback]

Voilà ça fonctionne nickel avec :

Code :

1
2
3
4
5
@-moz-document url-prefix(http://www.developpez.net/forums/) {
	pre.alt2 {
		height:auto !important;
	}
}

Merci de ton aide

(Je persiste sur le fait que ça pourrait être intéressant de l'augmenter niveau serveur )

[12monkeys]

Je m'étais cassé la tête pour limiter la hauteur à un maximum, j'ai pas pensé à tester auto...

Si c'est ce qui te conviens, parfait