Centrer description forum

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

Résolu Centrer description forum

Message par Bonzai le Mar 27 Déc 2011 - 23:14

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


Dernière édition par Bonzai le Jeu 29 Déc 2011 - 14:20, édité 3 fois

Bonzai
Nouveau membre

Messages : 21
Inscrit(e) le : 19/12/2011

http://reborn-game.forumactif.org/
Bonzai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Gorgorbey le Mar 27 Déc 2011 - 23:21

Bonjour,

Essayez ceci :
Code:
vertical-align: middle !important;

Cordialement.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Bonzai le Mar 27 Déc 2011 - 23:28

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

Bonzai
Nouveau membre

Messages : 21
Inscrit(e) le : 19/12/2011

http://reborn-game.forumactif.org/
Bonzai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Gorgorbey le Mar 27 Déc 2011 - 23:42

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

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Bonzai le Mar 27 Déc 2011 - 23:45

Bien sûr

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

Bonzai
Nouveau membre

Messages : 21
Inscrit(e) le : 19/12/2011

http://reborn-game.forumactif.org/
Bonzai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Gorgorbey le Mar 27 Déc 2011 - 23:50

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;
Wink

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Bonzai le Mar 27 Déc 2011 - 23:59

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.

Bonzai
Nouveau membre

Messages : 21
Inscrit(e) le : 19/12/2011

http://reborn-game.forumactif.org/
Bonzai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Gorgorbey le Mer 28 Déc 2011 - 0:04

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 Razz

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Bonzai le Mer 28 Déc 2011 - 0:10

EDIT

Bonzai
Nouveau membre

Messages : 21
Inscrit(e) le : 19/12/2011

http://reborn-game.forumactif.org/
Bonzai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Bonzai le Mer 28 Déc 2011 - 0:30

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 -.-

Bonzai
Nouveau membre

Messages : 21
Inscrit(e) le : 19/12/2011

http://reborn-game.forumactif.org/
Bonzai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Gorgorbey le Mer 28 Déc 2011 - 10:25

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.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Bonzai le Mer 28 Déc 2011 - 11:09

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

Bonzai
Nouveau membre

Messages : 21
Inscrit(e) le : 19/12/2011

http://reborn-game.forumactif.org/
Bonzai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Gorgorbey le Mer 28 Déc 2011 - 11:56

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

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

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer description forum

Message par Bonzai le Jeu 29 Déc 2011 - 14:19

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

Bonzai
Nouveau membre

Messages : 21
Inscrit(e) le : 19/12/2011

http://reborn-game.forumactif.org/
Bonzai a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum