Centrer description forum

[Bonzai]

Bonsoir,

Je fais plusieurs autres sujets mais impossible de trouver la solution à mon problème.
Je n'arrive pas à centrer le texte de la description des forums :


Voici l'écriture html de la description :

Code:

<div style="background-image:url(http://i41.servimg.com/u/f41/17/11/11/71/fond_g13.jpg);width :100%;height :100%;">~ Au nord de Cirius s’étendent de vastes terres et mers gelées. Au lancement du RBG, il s’agissait de grandes plaines fertiles, mais pour diversifier l’espace de jeux les réalisateurs ont baissé la température de plusieurs degrés dans cette partie nord de la sphère. Néanmoins si la végétation a disparu, il arrive de trouver quelques rares animaux dans les grottes et les crevasses, maigres proies pour les quelques fous qui osent s’aventurer ici.</div>

J'ai essayé d'ajouter des codes CSS en rajoutant class="description" et dans la feuille de style CSS

Code:

.description {
vertical-align:middle;
}

Les codes vertical-align et valign directement dans la description html, mais je dois à chaque fois faire des erreurs de synthase ou autres.

Bref si vous avez une solution pour centrer sur la hauteur l'image de la description et le texte, ça m'arrangerait vraiment ^^

Merci d'avance

[Gorgorbey]

Bonjour,

Essayez ceci :

Code:

vertical-align: middle !important;

Cordialement.

[Bonzai]

Merci pour cette réponse rapide.

J'ai donc rajouté class dans le texte html

Code:

<div style="background-image:url(http://i41.servimg.com/u/f41/17/11/11/71/fond_g13.jpg);width :100%;height :90%;" class="description">~ Au nord de Cirius s’étendent de vastes terres et mers gelées. Au lancement du RBG, il s’agissait de grandes plaines fertiles, mais pour diversifier l’espace de jeux les réalisateurs ont baissé la température de plusieurs degrés dans cette partie nord de la sphère. Néanmoins si la végétation a disparu, il arrive de trouver quelques rares animaux dans les grottes et les crevasses, maigres proies pour les quelques fous qui osent s’aventurer ici.</div>

Et j'ai ajouté l'espace dans le code CSS:

Code:

.description {
  vertical-align: middle;
}

Mais le problème reste le même

[Gorgorbey]

Pouvez-vous me donner le lien de votre forum svp ?
Là où vous avez fait la capture écran.

[Bonzai]

Bien sûr

http://reborn-game.forumactif.org/

[Gorgorbey]

Enlevez tout CSS concernant les descriptions puis :
- En HTML :

Code:

<div class="description">~ Au nord de Cirius s’étendent de vastes terres et mers gelées. Au lancement du RBG, il s’agissait de grandes plaines fertiles, mais pour diversifier l’espace de jeux les réalisateurs ont baissé la température de plusieurs degrés dans cette partie nord de la sphère. Néanmoins si la végétation a disparu, il arrive de trouver quelques rares animaux dans les grottes et les crevasses, maigres proies pour les quelques fous qui osent s’aventurer ici.</div>

- En CSS :

Code:

.description {
vertical-align: middle !important;
background-image:url(http://i41.servimg.com/u/f41/17/11/11/71/fond_g13.jpg);
width :100%;
height :90%;
}

Ce sera déjà plus propre.

Et j'avais dis

Code:

vertical-align: middle !important;

pas

Code:

vertical-align: middle;

[Bonzai]

Les modifications sont faites, merci pour le rangement je ne pensais pas que ça marcherait en CSS.

Pour le "!important" à quoi est-ce que ça sert? (pour ma culture générale du codage ^^)

-_- mais malgré tout ça, le problème demeure.
La description reste obstinément collée en haut.

[Gorgorbey]

Vous avez dans votre CSS :

Code:

.cadre2
{
background-image: url("http://i41.servimg.com/u/f41/17/11/11/71/fond10.jpg");
height: 100px;
width: 100%;
}

Enlevez le div du HTML et mettez ceci dans la CSS :

Code:

.description {
vertical-align: middle !important;
background-image:url(http://i41.servimg.com/u/f41/17/11/11/71/fond_g13.jpg);
width :100%;
height :90%;
}

Pour le !important je sais pas mais c'est important

[Bonzai]

EDIT

[Bonzai]

Fausse joie.
J'ai supprimé tout ce qui était .cadre2 dans le CSS il s'agissait d'un codage qui n'aurait pas du se trouver là.

Néanmoins le centrage dans la hauteur du texte ne veut toujours pas se faire. A croire que le problème se trouve ailleurs -.-

[Gorgorbey]

Mettez ceci :

Code:

.gensmall
{
  vertical-align: middle !important;
}

N'y insérez pas

Code:

background-image:url(http://i41.servimg.com/u/f41/17/11/11/71/fond_g13.jpg);
width :100%;
height :90%;

Sinon vous aurez de mauvaises surprises.
Si vous voulez l'appliquer, faites un div dans le HTML.

[Bonzai]

J'ai donc rechangé mon html pour qu'il ressemble à ça :

Code:

<div style=" background-image:url(http://i41.servimg.com/u/f41/17/11/11/71/fond_g14.jpg);width :100%;height :100px;">~ Au nord de Cirius s’étendent de vastes terres et mers gelées. Au lancement du RBG, il s’agissait de grandes plaines fertiles, mais pour diversifier l’espace de jeux les réalisateurs ont baissé la température de plusieurs degrés dans cette partie nord de la sphère. Néanmoins si la végétation a disparu, il arrive de trouver quelques rares animaux dans les grottes et les crevasses, maigres proies pour les quelques fous qui osent s’aventurer ici.</div>

Donc pour que mon fond apparaisse et s'arrange correctement.

J'ai supprimé tout ce qui était .description dans le CSS et j'ai inséré:

Code:

.gensmall {
vertical-align: middle !important;
}

Malheureusement l'image du forum et sa description ne se centre toujours pas verticalement.
Il y a peut-être une commande dans le CSS de base qui s'y oppose?
A quoi.gensmall correspond dans le codage ?

Désolé pour ce casse-tête

[Gorgorbey]

Petit tuto pratique : https://forum.forumactif.com/t274033-les-principaux-identifiants-css-phpbb2-phpbb3#2441877

J'avoue que là je commence à sécher...

[Bonzai]

Merci ^^

Nous avons finalement décidé de coder le forum autrement.
Merci beaucoup pour votre aide en tout cas.
J'ai appris pas mal de petits points utiles ^^

Bonnes fêtes