Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
+2
babarette33
FANCH 56
6 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 3 • Partagez
Page 1 sur 3 • 1, 2, 3
Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Bonjour à tous!
J'ai un forum phpBB 3.
Je recherche le code CSS pour décaler vers la droite le titre des sujets, afin qu'il ne cache pas une partie de mes icônes.
J'espère être assez clair... Vous pouvez voir le problème sur mon forum, ici: L'Imaginarium, si vous le souhaitez.
Merci d'avance pour l'attention que vous porterez à ma question!
J'ai un forum phpBB 3.
Je recherche le code CSS pour décaler vers la droite le titre des sujets, afin qu'il ne cache pas une partie de mes icônes.
J'espère être assez clair... Vous pouvez voir le problème sur mon forum, ici: L'Imaginarium, si vous le souhaitez.
Merci d'avance pour l'attention que vous porterez à ma question!
Dernière édition par L'Imaginarium le Dim 15 Aoû 2010 - 12:05, édité 3 fois
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Bonjour à toutes et à tous. J'ai exactement le même problème.
La version de mon forum est phpBB3.
Le problème ce situe ici
Merci d'avance à tout ce qui nous aiderons
La version de mon forum est phpBB3.
Le problème ce situe ici
Merci d'avance à tout ce qui nous aiderons
H-K-N- **
-
Messages : 59
Inscrit(e) le : 06/08/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Bonjour
Dans la structure des pages, modifier hauteur et largeur des cellules
Dans la structure des pages, modifier hauteur et largeur des cellules
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Cela ne modifie que la page d'accueil. Lorsque l'on se rend dans un sous-forum, le problème persiste toujours. Merci quand même.
H-K-N- **
-
Messages : 59
Inscrit(e) le : 06/08/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Bonjour essaye ceci en CSS:
- Code:
dd.dterm{padding-left:80px;/*largeur de ton image plus une petite marge*/}
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
FANCH 56 a écrit:Bonjour
Dans la structure des pages, modifier hauteur et largeur des cellules
Merci, mais je l'ai déjà fait, et comme le dit H-K-N, ça ne modifie que les catégories, pas les sous-catégories.
no_way a écrit:Bonjour essaye ceci en CSS:
- Code:
dd.dterm{padding-left:80px;/*largeur de ton image plus une petite marge*/}
Merci pour ta réponse.
J'ai essayé, mais ça ne change rien.
Et je ne vois rien dans le CSS de base de mon forum qui commence par "dd.dterm", donc je ne pense pas que ce soit ça...
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
J'ai essayé ça ne marche pas non plus chez moi :s
H-K-N- **
-
Messages : 59
Inscrit(e) le : 06/08/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Juste pour voir, mets ceci devant le titre
- Code:
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Faut que j'aille où pour le mettre ?
H-K-N- **
-
Messages : 59
Inscrit(e) le : 06/08/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Il faudrait le faire pour chaque sujet?
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Bonjour effectivement j'ai dit n'importe quoi je viens de faire un essai:H-K-N a écrit:J'ai essayé ça ne marche pas non plus chez moi :s
- Code:
li.row.row1 dl.icon .dterm > *,li.row.row2 dl.icon .dterm > *{padding-left:40px;/*à ajuster*/}
Ça fonctionne bien chez moi , reste à retirer le padding de la balise suivant strong si cela vous convient
Dernière édition par no_way le Sam 7 Aoû 2010 - 18:26, édité 1 fois
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
J'y croyais. Le problème maintenant chez moi c'est que si je met un sujet en "Note" ou en "Annonce" il n'y a que le titre qui s'éloigne.
Et le "écrit par ....." déborde toujours sur l'icone du forum.
Ex:Sur les 2 premiers sujets
ici
Et le "écrit par ....." déborde toujours sur l'icone du forum.
Ex:Sur les 2 premiers sujets
ici
H-K-N- **
-
Messages : 59
Inscrit(e) le : 06/08/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
H-K-N
Comme je l'ai mis dans le code il faut ajuster la valeur du padding essayez 60px pour voir
Comme je l'ai mis dans le code il faut ajuster la valeur du padding essayez 60px pour voir
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Et en mettant une marge ?
- Code:
ul.topiclist dt,ul.topiclist dd.dterm {
margin-left: 30px;
}
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
ge80 a écrit:Et en mettant une marge ?
- Code:
ul.topiclist dt,ul.topiclist dd.dterm {
margin-left: 30px;
}
C'est super ça, sauf que ça me met une ligne qui traverse mon icone...
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
no_way a écrit:H-K-N
Comme je l'ai mis dans le code il faut ajuster la valeur du padding essayez 60px pour voir
Lorsque j'ai répondu c'était pour FANCH 56.
Il ya un truc que j'ai pas compris. Dans la "à ajuster" on met quoi? (C'est le premier forum que je crée et je ne mis connait pas trop.)
Ensuite il y a un espace entre le "Annonce" et le nom de mon sujet. Comment y remédier.
Et dernièrement le "par ......." est toujours sur l'icone.
Je sais je demande beaucoup ^^
Réponse à GE:
La marge ça le fait pour tout. Moi je ne veux que pour les sous forums
Dernière édition par H-K-N le Sam 7 Aoû 2010 - 17:27, édité 1 fois
H-K-N- **
-
Messages : 59
Inscrit(e) le : 06/08/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Mort de rire.
Oui c'est l'encadrement
Mais cela fait le boulot ou pas ?
Après on ajustera
.
Oui c'est l'encadrement
Mais cela fait le boulot ou pas ?
Après on ajustera
.
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Sinon, oui, pour moi ça le fait.
Mais par contre, c'est vrai que ça décale aussi sur la page d'accueil.
Mais par contre, c'est vrai que ça décale aussi sur la page d'accueil.
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Sinon, ton code no_way était bien aussi, sauf que ça crée un espace entre le titre le nom du posteur+mini icone de message. Y'a un moyen de réduire?
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
C'est bon j'ai réussi. J'ai réduit la largeur de ma page (PA > Config > Structure de la Page) ensuite j'ai mis le code que GE nous a passé. J'ai juste modifié la taille de la marge.
Merci à tout ce qui nous ont aidé
Merci à tout ce qui nous ont aidé
H-K-N- **
-
Messages : 59
Inscrit(e) le : 06/08/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Merci babarette33
comme quoi, il n'est pas utile de ré_inventer la roue
Cela devrait suffire
dd.dterm {
margin-left: 80px;
}
Cordialement
Ge
comme quoi, il n'est pas utile de ré_inventer la roue
Cela devrait suffire
dd.dterm {
margin-left: 80px;
}
Cordialement
Ge
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Merci Babarette, j'avais pourtant fait une recherche, mais je n'avais pas trouvé ce tuto...
Ça marche avec le code qui est sur ce tuto.
Je le remet ici, juste au cas où:
.topiclist dl.icon {
min-height: 60px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 60px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 60px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 60px;
}
Merci beaucoup à tous pour votre aide!!!
Ça marche avec le code qui est sur ce tuto.
Je le remet ici, juste au cas où:
.topiclist dl.icon {
min-height: 60px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 60px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 60px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 60px;
}
Merci beaucoup à tous pour votre aide!!!
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Enfin. Cette fois il n'y a plus aucun soucis (du moins pour le moment ^^)
Merci à tous pour nous avoir aidé
Merci à tous pour nous avoir aidé
H-K-N- **
-
Messages : 59
Inscrit(e) le : 06/08/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
L'Imaginarium
Même si le sujet est marqué résolu j'ai remarqué que cela décalait le nombre de réponses etc.. sur ton forum j'ai refait mon code:
Même si le sujet est marqué résolu j'ai remarqué que cela décalait le nombre de réponses etc.. sur ton forum j'ai refait mon code:
- Code:
li.row.row1 dl.icon dd.dterm > *,li.row.row2 dl.icon dd.dterm > *{padding-left:40px;/*à ajuster*/}
li.row.row1 dl.icon dd.dterm strong + div.topic-title-container,li.row.row2 dl.icon dd.dterm strong + div.topic-title-container{padding-left:0px;/*supression du padding inutile*/}
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Bon j'ai vu que j'avais un problème encore donc j'ai tout refait. no_way j'ai ce code là. C'est bon ou enfin presque. J'aimerai que le titre du sujet et le "par....." soit aligné. Comment faire ?
C'est comme ceci pour l'instant
C'est comme ceci pour l'instant
H-K-N- **
-
Messages : 59
Inscrit(e) le : 06/08/2010
Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?
Le problème du décalage est dû à la présence d'un espace insécable.
Essaie ceci:
Essaie ceci:
- Code:
li.row.row1 dl.icon dd.dterm > *,li.row.row2 dl.icon dd.dterm > *{padding-left:40px;/*à ajuster*/}
li.row.row1 dl.icon dd.dterm strong + div.topic-title-container,li.row.row2 dl.icon dd.dterm strong + div.topic-title-container{padding-left:0px;/*supression du padding inutile*/}
dd.dterm span.span-tab{position:relative;left:3px;/*compensation de l espace insécable*/}
Dernière édition par no_way le Sam 7 Aoû 2010 - 20:51, édité 3 fois
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Page 1 sur 3 • 1, 2, 3
Sujets similaires
» Titre et description des sujets/forums qui débordent sur les icones
» Marge icônes et titre+description pour les sujets
» Marge icônes et titre+auteur pour les MP
» Icones des sujets débordant sur le titre
» Problème d'affichage entre les icônes de sujets et le titre du message privé
» Marge icônes et titre+description pour les sujets
» Marge icônes et titre+auteur pour les MP
» Icones des sujets débordant sur le titre
» Problème d'affichage entre les icônes de sujets et le titre du message privé
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum