Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par L'Imaginarium le Sam 7 Aoû 2010 - 14:48

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... Smile Vous pouvez voir le problème sur mon forum, ici: L'Imaginarium, si vous le souhaitez. Wink

Merci d'avance pour l'attention que vous porterez à ma question! I love you


Dernière édition par L'Imaginarium le Dim 15 Aoû 2010 - 12:05, édité 3 fois

L'Imaginarium
**

Féminin
Messages : 56
Inscrit(e) le : 21/07/2010

http://l-imaginarium.forumactif.org/forum.htm
L'Imaginarium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par H-K-N le Sam 7 Aoû 2010 - 14:55

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

H-K-N
**

Masculin
Messages : 59
Inscrit(e) le : 06/08/2010

H-K-N a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par FANCH 56 le Sam 7 Aoû 2010 - 14:58

Bonjour

Dans la structure des pages, modifier hauteur et largeur des cellules


FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par H-K-N le Sam 7 Aoû 2010 - 15:06

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
**

Masculin
Messages : 59
Inscrit(e) le : 06/08/2010

H-K-N a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par no_way le Sam 7 Aoû 2010 - 15:12

Bonjour essaye ceci en CSS:
Code:

dd.dterm{padding-left:80px;/*largeur de ton image plus une petite marge*/}

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par L'Imaginarium le Sam 7 Aoû 2010 - 16:12

@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. Wink


@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... Smile

L'Imaginarium
**

Féminin
Messages : 56
Inscrit(e) le : 21/07/2010

http://l-imaginarium.forumactif.org/forum.htm
L'Imaginarium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par H-K-N le Sam 7 Aoû 2010 - 16:42

J'ai essayé ça ne marche pas non plus chez moi :s


H-K-N
**

Masculin
Messages : 59
Inscrit(e) le : 06/08/2010

H-K-N a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par FANCH 56 le Sam 7 Aoû 2010 - 16:52

Juste pour voir, mets ceci devant le titre

Code:
    

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par H-K-N le Sam 7 Aoû 2010 - 16:58

Faut que j'aille où pour le mettre ?

H-K-N
**

Masculin
Messages : 59
Inscrit(e) le : 06/08/2010

H-K-N a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par L'Imaginarium le Sam 7 Aoû 2010 - 17:04

Quel titre?

L'Imaginarium
**

Féminin
Messages : 56
Inscrit(e) le : 21/07/2010

http://l-imaginarium.forumactif.org/forum.htm
L'Imaginarium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par FANCH 56 le Sam 7 Aoû 2010 - 17:05

Le titre du sujet

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par L'Imaginarium le Sam 7 Aoû 2010 - 17:08

Il faudrait le faire pour chaque sujet? Shocked

L'Imaginarium
**

Féminin
Messages : 56
Inscrit(e) le : 21/07/2010

http://l-imaginarium.forumactif.org/forum.htm
L'Imaginarium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par no_way le Sam 7 Aoû 2010 - 17:08

@H-K-N a écrit:J'ai essayé ça ne marche pas non plus chez moi :s

Bonjour effectivement j'ai dit n'importe quoi je viens de faire un essai:

Code:

li.row.row1 dl.icon .dterm > *,li.row.row2 dl.icon .dterm > *{padding-left:40px;/*à ajuster*/}

Ça fonctionne bien chez moi Wink, 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
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par H-K-N le Sam 7 Aoû 2010 - 17:11

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

H-K-N
**

Masculin
Messages : 59
Inscrit(e) le : 06/08/2010

H-K-N a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par no_way le Sam 7 Aoû 2010 - 17:15

H-K-N
Comme je l'ai mis dans le code il faut ajuster la valeur du padding essayez 60px pour voir

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par ge80 le Sam 7 Aoû 2010 - 17:19

Et en mettant une marge ?

Code:
ul.topiclist dt,ul.topiclist dd.dterm {
   margin-left: 30px;
}

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par L'Imaginarium le Sam 7 Aoû 2010 - 17:24

@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... Neutral

L'Imaginarium
**

Féminin
Messages : 56
Inscrit(e) le : 21/07/2010

http://l-imaginarium.forumactif.org/forum.htm
L'Imaginarium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par H-K-N le Sam 7 Aoû 2010 - 17:25

@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
**

Masculin
Messages : 59
Inscrit(e) le : 06/08/2010

H-K-N a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par ge80 le Sam 7 Aoû 2010 - 17:26

Mort de rire.
Oui c'est l'encadrement

Mais cela fait le boulot ou pas ?

Après on ajustera
.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par L'Imaginarium le Sam 7 Aoû 2010 - 17:28

Sinon, oui, pour moi ça le fait.
Mais par contre, c'est vrai que ça décale aussi sur la page d'accueil. Smile

L'Imaginarium
**

Féminin
Messages : 56
Inscrit(e) le : 21/07/2010

http://l-imaginarium.forumactif.org/forum.htm
L'Imaginarium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par L'Imaginarium le Sam 7 Aoû 2010 - 17:31

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? Smile

L'Imaginarium
**

Féminin
Messages : 56
Inscrit(e) le : 21/07/2010

http://l-imaginarium.forumactif.org/forum.htm
L'Imaginarium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par babarette33 le Sam 7 Aoû 2010 - 17:31

Re,
Il y a un tuto pour tout ça, I C I


babarette33
****

Féminin
Messages : 296
Inscrit(e) le : 09/10/2008

http://forum.babarette33.fr/forum.htm
babarette33 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par H-K-N le Sam 7 Aoû 2010 - 17:32

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é Wink


H-K-N
**

Masculin
Messages : 59
Inscrit(e) le : 06/08/2010

H-K-N a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par ge80 le Sam 7 Aoû 2010 - 17:34

Merci babarette33

comme quoi, il n'est pas utile de ré_inventer la roue Wink

Cela devrait suffire
dd.dterm {
margin-left: 80px;
}
Cordialement
Ge


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par no_way le Sam 7 Aoû 2010 - 17:36

effectivement ^^

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par L'Imaginarium le Sam 7 Aoû 2010 - 17:39

Merci Babarette, j'avais pourtant fait une recherche, mais je n'avais pas trouvé ce tuto... Embarassed
Ça marche avec le code qui est sur ce tuto. Wink

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!!! I love you I love you

L'Imaginarium
**

Féminin
Messages : 56
Inscrit(e) le : 21/07/2010

http://l-imaginarium.forumactif.org/forum.htm
L'Imaginarium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par H-K-N le Sam 7 Aoû 2010 - 17:48

Enfin. Cette fois il n'y a plus aucun soucis (du moins pour le moment ^^)

Merci à tous pour nous avoir aidé Wink

H-K-N
**

Masculin
Messages : 59
Inscrit(e) le : 06/08/2010

H-K-N a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par no_way le Sam 7 Aoû 2010 - 18:05

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:

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
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par H-K-N le Sam 7 Aoû 2010 - 19:40

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

H-K-N
**

Masculin
Messages : 59
Inscrit(e) le : 06/08/2010

H-K-N a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour que le titre des sujets ne déborde pas sur les icônes des forums?

Message par no_way le Sam 7 Aoû 2010 - 19:47

Le problème du décalage est dû à la présence d'un espace insécable.
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
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum