titres des messages sur l'icone (messagerie privée et toutes les rubriques)

[girus79]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : inconnue mais depuis longtemps. Malgré des "up" jamais de réponses
Lien du forum : http://detectionpoitouchare.forumactif.com/

Description du problème

Bonjour,
Affichage général : OK

J'ai beau chercher dans vos rubriques, seul un exemple d'affichage général du forum possède ce type de problème (que je n'ai pas).

Mon soucis : malgré que le forum apparaisse correctement et que la configuration de la structure de la page du forum soit correcte et bien affichée pour les différentes catégories, toutes les pages du "sous-forum" et également la messagerie privée ont le titre du message sur l'icone.

[Physalis]

Bonjour,

Aurais-tu un exemple ? Je ne peux pas voir ta capture d'écran.

[girus79]

Voilà un exemple : quel que soit la page ou la messagerie privée, le titre du message et du pseudo sont sur l'icône. Vraiment galère à force...

[Physalis]

N'ayant pas ton code sous la main, je peux te proposer d'appliquer une largeur à ton image en display:block si ce n'est pas déjà fait et de faire de même pour le bloc qui contient le titre et le pseudo.

Sinon, applique une margin au bloc qui contient le titre et le pseudo.

J'espère que ça marche !

[girus79]

En parlant moins geek et plus profane, pour ne pas dire ignare du code CSS ou autre, cela donne quoi ?

Dans le CSS du forum ? Quelle partie etc... ?

Merci déjà de t'être penché sur le soucis.

[Physalis]

Ah pardon ! Je ne connais pas ton HTML et ton CSS (celui que tu as probablement mis dans ta feuille de style) donc je t'écris le CSS que tu adapteras à ton forum :

Code:


.icone {
display:block;
width:XXpx;
height:XXpx;
}

.bloc_message {
display:block;
width:XXpx;
height:XXpx
}


XX à remplacer par une valeur numérique. Tu peux retirer "height" si ce n'est pas nécessaire. Si jamais ça ne marche pas, tente :

Code:


.bloc_message {
margin-left: XXpx;
}

[girus79]

Rien à faire ! Aucun changement avec ces codes...

Voilà ce que j'ai dans mon CSS et il y a certainement un truc qui ne colle pas ! Quel que soit la valeur mise, aucun changement :

*/ ------- espace icone message et titre ----- */
ul.topics dd.dterm, ul.topics dt {
display: block;
float: left;
padding-left: 110px;
height: 110px;
width: 80%;
}

[Physalis]

Pour la boîte qui contient ul.topics dd.dterm, ul.topics dt, mets :

Code:


position:relative;

puis pour ul.topics dd.dterm, ul.topics dt :

Code:

ul.topics dd.dterm, ul.topics dt {
position:absolute;
left:XXpx;

Ce code devrait marcher.

[girus79]

Bennn, déjà merci mais.....

Pour les deux exemples donnés, ils concernent la même partie du CSS donc je mets quoi... ?

Je te cite :
Pour la boîte qui contient ul.topics dd.dterm, ul.topics dt................

puis pour ul.topics dd.dterm, ul.topics dt................

[girus79]

Problème résolu ! J'ai ajouté un code CSS de type

ul.topics dd.dterm title avec un espacement de 90px : c'est okkk