Apparence derniers messages, aligner le texte et écarter de l'avatar

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/

Description du problème

Bonjour,

Ci-joint l'apparence du derniers messages d'une rubrique.



Comment faire pour écarter le texte de l'avatar et que le texte date et nom d'utilisateur soient aligné verticalement (sans effet "escalier") ?

Merci, cordialement, To.

[Invité]

Up du jour.

[Invité]

Up

[HPie]

Bonsoir,

Pour éviter l'effet d'escalier lorsque les titres sont trop longs:
- augmenter la résolution d'écran
ou
- augmenter la largeur de votre forum
ou
- augmenter la largeur de la colonne "derniers messages"

Mais le plus simple serait de limiter la longueur du titre à x caractères

Pour écarter le texte de l'avatar, essayez:

Code:

.lastpost-avatar {margin-right: 6px;}

[Invité]

Bonsoir HPie,

Comment puis-je augmenter la largeur de la colonne "Derniers messages "svp?

edit: Et mettre un espace entre l'avatar et le texte?

[Invité]

Yes! le code pour écarter l'avatar du texte fonctionne, merci

Reste a pouvoir augmenter la largeur de la colonne.

Edit:

Sur mon forum d'essai j'ai cette apparence quans le titre est long, ce qui est avantageux pour éviter l'effet escalier:



Par contre sur mon forum j'ai ceci :



Je souhaiterais soit agrandir la colonne "Derniers messages" soit avoir la même apparence que la 1er image: avec des points de suspension quand le titre du sujet est long.

Si quelqu'un sait comment faire, merci d'avance

Cordialement.

[HPie]

Pour augmenter la largeur de la colonne "derniers" messages", il faudra diminuer au moins la largeur d'une des 3 premieres colonnes, de telle manière que la somme des largeurs de toutes les colonnes ne dépasse pas les 100%.

Voici le code pour la largeur des colonnes, de gauche à droite...

Code:


.pun table .tcl {
   width: 50%;
   }
.pun .table .tc2, .pun .table .tc3 {
   width: 10%;
  }
.pun table .tcr {
   width: 30%;
   }


Quelque soit la largeur de la dernière colonne si le titre du dernier sujet est trop, vous aurez à nouveau l'effet d'escalier.
D'où la meilleure solution, la limitation de la longueur du titre :
- Affichage/Structure et hiérarchie/Hiérarchie/Longueur du titre du sujet affiché

[Invité]

Ok merci. Je vais faire des test.

Sinon je me suis aperçu de ceci:


Sur mon forum d'essai j'ai cette apparence quand le titre est long, ce qui est avantageux pour éviter l'effet escalier:



Par contre sur mon forum j'ai ceci :



Savez-vous de où peut venir cette différence?

Cordialement.

[Invité]

J'ai pris votre solution, merci beaucoup.

Bonne fin de soirée.