Espacer légèrement le rang du pseudo

[Ombeline30]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://voyances-ombeline.forumgratuit.be/

Description du problème

Bonsoir tout le monde,

Voilà je n'arrête pas de galérer pour parvenir à espacer légèrement le rang des pseudos mais autrement que par le biais de <br/> dont l'espacement est trop important à mon goût, quel code existerait-il pour ce faire il s'agirait d'un espacement léger de 3 px max, merci beaucoup pour votre aide.

Belle soirée,

Ombeline.

[snakefl1984]

bonjour ,
a tu essayer d’insérer un objet quelconque , une image par exemple de fond ,

Code:

<object style="width: 3px; height: 0px;">

width :pour la largeur ,

height :pour la hauteur

[Ombeline30]

Bonsoir snakefl,

Et merci pour ton aide, malheureusement ce que tu m'as donné ne change rien, c'est bien dans le viewtopic-body qu'il fallait le mettre ?

Belle soirée,

Ombeline.

[Audrey M.]

As-tu mis un div class pour tes rangs dans ton template ?

Sinon, pour pouvoir bidouiller l'espacement de tes rangs, perso si le saut de ligne ne te convient pas, j'aurais fait :
> template viewtopic_body
> repérage de {postrow.displayed.POSTER_RANK}
> ajout du div class : <div class="rang_mess">{postrow.displayed.POSTER_RANK}</span>
> petit saut dans le CSS et ajout des informations souhaitées genre :

Code:

.rang_mess{
margin-top: ?? px;
}

Je n'ai pas testé moi-même mais en tout cas, j'aurai commencé par là pour mon propre forum x)

[Ombeline30]

Bonsoir Audrey M,

Et merci beaucoup pour ton aide mais cela ne fonctionne toujours pas, je pense que le plus simple est de poster le codage de ma partie profil, donc ici tu as ce qu'il y a dans le viewtopic-body pour le profil :

Un grand merci,

Belle soirée,

Ombeline.

[Audrey M.]

Code:

 <span class="rang_posteur">{postrow.displayed.POSTER_RANK}</span>

J'ai repris la partie de ton code qui nous intéresse. Donc là, ce que je vois c'est que tu as un span au lieu de div. Sauf que span permet de jouer sur le style mais pas sur l'emplacement.

Essaie de remplacer par :

Code:

 <div class="place_rang"><span class="rang_posteur">{postrow.displayed.POSTER_RANK}</span></div>

et dans ton CSS d'ajouter et de bidouiller :

Code:

.place_rang{
padding-top:??px;
}

[Ombeline30]

Impeccable Audrey un immense merci t'es une championne hihi, vraiment c'est adorable de m'avoir apporté ta précieuse aide

Je te souhaite une très belle soirée,

Au plaisir,

Ombeline.

[néco]

salut
sinon une solution toute simple sans codage serait simplement de refaire tes images de rang avec quelques pixels de transparent en plus en bas , et voilà , problème résolu ^^

bizzz

édit : oups t'a répondu pendant que j'écrivais , bon je laisse quand même , ça peux être utile à des gens qui refusent de toucher aux tempaltes et qui n'ont pas forcément spontanément l'idée de refaire les images ^^
(c'est comme ça que je m'y suis prise moi même ^^ )

re bizzz

[Ombeline30]

Oui j'y ai pensé suite au message de Snakefl mais comme c'est pas moi qui me suis occupée de l'image du rang, le temps de tout faire refaire par un graphiste ici ce fut régler en moins de deux mais merci également pour ta suggestion néco

Très belle soirée également,

Au plaisir,

Ombeline


P.S : Oui tu as bien fait de laisser l'astuce ça peut toujours servir, encore merci

[Audrey M.]

J'y ai aussi pensé aux pixels supplémentaires sur l'image mais le problème est que cette solution ne vaut que tant qu'on en utilise une justement x) qu'avec le code si on met un rang texte ça fonctionne toujours.

De rien en tout cas, ça m'a fait plaisir d'avoir pu t'aider d'autant plus que je ne sais que bidouiller ^^
Bonne soirée tout le monde !

[Ombeline30]

Oui tout à fait ici il ne s'agissait que du texte rang et pas de l'image du rang (ça elle est placée nickel comme je le souhaite) mais en tout cas encore merci car vraiment tu m'as bien aidée et tu te débrouilles/bidouilles (lolllll) super bien

Très belle semaine,

Ombeline.