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
avatar

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

avatar

FANCH 56
Membre actif

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*/}
avatar

no_way
Aidactif
Aidactif

Messages : 1853
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
avatar

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:
    
avatar

FANCH 56
Membre actif

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

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
avatar

FANCH 56
Membre actif

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
avatar

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
avatar

no_way
Aidactif
Aidactif

Messages : 1853
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
avatar

no_way
Aidactif
Aidactif

Messages : 1853
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;
}
avatar

ge80
Membre actif

Masculin
Messages : 16159
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
avatar

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
.
avatar

ge80
Membre actif

Masculin
Messages : 16159
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
avatar

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
avatar

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

avatar

babarette33
****

Féminin
Messages : 301
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

avatar

ge80
Membre actif

Masculin
Messages : 16159
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 ^^
avatar

no_way
Aidactif
Aidactif

Messages : 1853
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
avatar

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*/}
avatar

no_way
Aidactif
Aidactif

Messages : 1853
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
avatar

no_way
Aidactif
Aidactif

Messages : 1853
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