Comment décollé les messages dans la catégorie?

[Scratpub]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://scratpub.forumactif.org/

Description du problème

Bonjour à tous.

Je voudrais savoir comment décollé mes messages contre l’icône que j'ai mis sur mon forum ? Comme vous pouvez le voir dans la capture d'écran ci-dessous? Je voudrais que mon texte rends mieux !! Si vous voyez ce que je veux dire ?

merci à vous.

[Faline]

Bonsoir,

Comme vous avez modifié pas mal vous-même l'apparence de votre forum, le problème me semble provenir de vos codes, soit les styles .row1, .row1 over... , voire au niveau des templates.

[Scratpub]

Hello, tout d'abord merci pour votre réponse rapide l'ami !
Que voulez vous dire ? Vous pensez que cela doit venir des templates? Voici mon template :

[Cloo]

Sur mon forum, je l'ai fait avec ceci dans la feuille CSS:

a.forumtitle {
padding-left: 40px;}

[Neptunia]

Bonjour Scratpub


Le forum dont tu as fourni le code de l'un de ses tutoriels apprécierait grandement qu'à l'avenir tu penses à camoufler les contenus sensibles (Templates/CSS/Javascript/HTML) à l'aide des balises [hide] et [/hide], ceci afin d'éviter un éventuel pillage du travail fourni par ce forum (comme d'ailleurs tout autre forum qui protège ses contenus par des permissions et/ou du recours à la balise hide).

[Scratpub]

Bonsoir d'accord.

[Cloo]

Sur mon forum, je l'ai fait avec ceci dans la feuille CSS:

a.forumtitle {
   padding-left: 40px;}

As-tu essayé ceci?

[demeter1]

Bonjour,

Code:

.descrp img {
    margin-right: 10px;
}

ce qui aura pour effet de mettre un margin à droite des images  pour repousser le texte.

Une petite visualisation du forum sous opera serait à faire : toutes les images dépassent des containers d'au moins 20/25 px (je ne sais si c'est volontaire)

[Neptunia]

Bonjour Stéphane,


Moi j'ai ce visuel sur Opera 50.0.2762.67, ... et j'ai la même chose sous Firefox.

---

Edité :

Ah bah je pense avoir compris : Scratpub ! Soit tes images de catégories sont trop grandes, soit tes descriptions de catégories ne sont pas assez hautes. Effectivement les images débordent par le bas, c'est particulièrement visible sur les coups de cœur où la description ne fait qu'une ligne.

[demeter1]

Bonjour Hélène,
je viens de faire une capture d'écran  avant même d'avoir fini de lire la dernière partie de ton message.
Autant ne pas gâcher  

[Cloo]

Sur mon forum, je l'ai fait avec ceci dans la feuille CSS:

a.forumtitle {
   padding-left: 40px;}

Je complète.... en fait, j'ai ceci dans ma feuilles CSS pour l'alignement images/titre et description du forum:

/* Alignement des icônes de forum en page d'accueil */
/* pour le titre du forum */
a.forumtitle {
   padding-left: 40px;}

/* margin-top pour remonter l'image du forum et margin-right pour aligner la description avec le titre du forum */
ul.topiclist img {
   margin-right: 5px;
   margin-top: -13px;
}


et comme mentionné ci-dessus, j'ai redimensionné mes images à 40 px x 40 px pour qu'elles ne soient pas trop grosses.

Tu peux voir ce que ça donne ici:
http://accrosjardin.forumactif.com/

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.

[Chacha]

Bonjour, Le topic est replacé à la demande de l'auteur du sujet. Pensez à faire un UP au moins une fois par semaine si vous ne voulez pas voir votre sujet déplacé à la corbeille.

[Scratpub]

Sur mon forum, je l'ai fait avec ceci dans la feuille CSS:

a.forumtitle {
   padding-left: 40px;}

As-tu essayé ceci?

Bonjour désolé de ne pas vous avoir répondu plutôt ( par manque de motivation ).
J'ai donc testé votre code et cela ne fait rien à priori.
Je suis toujours d'actu pour ce problème.

[Invité]

Hello Scratpub,
si le fofo concerné est bien celui ou il faut faire les modifs , le style sera le suivant:

Code:


.descrp div
{
left: 10px;
position: relative;
}


Ensuite, il faut prendre en compte la taille de tes images,
elle doivent avoir les mêmes dimensions  .

a++

[Scratpub]

Bonsoir Milouze oui c'est le même forum xoxo.
Par contre je le mais ou et à quel endroit le code?

[Invité]

Hello Scratpub,

Bonsoir Milouze oui c'est le même forum xoxo.
Par contre je le mais ou et à quel endroit le code?

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


 
.descrp div
{
left: 10px;
position: relative;
}


Penses à cliquer sur le bouton


a++

[Scratpub]

Coucou Milouze ! Super cela fonctionne !
Merci beaucoup.