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

+2
babarette33
FANCH 56
6 participants

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

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

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 Sam 7 Aoû 2010 - 14:58

Bonjour

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

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

FANCH 56
Membre actif

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

https://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 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.
avatar

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

no_way
Membre actif

Messages : 2214
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 Sam 7 Aoû 2010 - 16:12

FANCH 56 a écrit:Bonjour

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

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

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

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 Sam 7 Aoû 2010 - 16:42

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

avatar

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 Sam 7 Aoû 2010 - 16:52

Juste pour voir, mets ceci devant le titre

Code:
    
FANCH 56

FANCH 56
Membre actif

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

https://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 Sam 7 Aoû 2010 - 16:58

Faut que j'aille où pour le mettre ?
avatar

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 Sam 7 Aoû 2010 - 17:04

Quel titre?
L'Imaginarium

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 Sam 7 Aoû 2010 - 17:05

Le titre du sujet
FANCH 56

FANCH 56
Membre actif

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

https://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 Sam 7 Aoû 2010 - 17:08

Il faudrait le faire pour chaque sujet? Shocked
L'Imaginarium

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

no_way
Membre actif

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

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

no_way
Membre actif

Messages : 2214
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 Sam 7 Aoû 2010 - 17:19

Et en mettant une marge ?

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

ge80
Membre actif

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

http://www.tsi80.net/
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 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

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

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

ge80
Membre actif

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

http://www.tsi80.net/
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 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

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

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 Sam 7 Aoû 2010 - 17:31

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

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

babarette33
****

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

avatar

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

ge80
Membre actif

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

http://www.tsi80.net/
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 Sam 7 Aoû 2010 - 17:36

effectivement ^^
no_way

no_way
Membre actif

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

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

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

no_way
Membre actif

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

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

no_way
Membre actif

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

- Sujets similaires

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