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

Page 2 sur 3 Précédent  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

Rappel du premier message :

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 - 19:56

Pourrait-ton au moins réduire cette espace ?

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

J'ai édité mon message précédent Wink

no_way
Aidactif
Aidactif

Messages : 1780
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 - 20:22

Ca me met un message d'erreur:

Erreur détectée
Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

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 - 20:27

Fais un copier-coller du code ou donne moi le contenu de ta feuille CSS si cela ne change en rien le problème, je la corrigerai.

no_way
Aidactif
Aidactif

Messages : 1780
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 - 20:30

Merci, j'avais pas remarqué ce décalage. Smile

@no_way a écrit: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*/}

Je met ça en plus du reste ou à la place?

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 - 20:31

Re, il faut le mettre à la place du précédent code Wink

no_way
Aidactif
Aidactif

Messages : 1780
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 - 20:33

no_way, j'ai fais un c/c toujours le message d'erreur.

Je t'envoi ma feuille CSS par MP ou je la poste 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 - 20:37

Par MP car je vais devoir y aller et vu que le sujet est mis comme résolu, il sera verrouillé demain Wink

no_way
Aidactif
Aidactif

Messages : 1780
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 - 20:39

Moi ça marche, mais du coup, ça me décale le titre loin du nom du posteur et du mini icône... Neutral
C'était mieux avec l'autre code.
Y'a pas moyen d'éviter le décalage du nombre de post sans laisser cet espace?

(je enlever le résolu Wink)

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 - 20:45

@L'Imaginarium a écrit:Moi ça marche, mais du coup, ça me décale le titre loin du nom du posteur et du mini icône... Neutral
C'était mieux avec l'autre code.
Y'a pas moyen d'éviter le décalage du nombre de post sans laisser cet espace?

(je enlever le résolu Wink)
Merci !
Es-tu sûre d'avoir mis le code que j'ai donné en bas de page 1 ?
Je ne vois aucune différence sur ton forum !

no_way
Aidactif
Aidactif

Messages : 1780
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 - 20:46

no_way je t'ai envoyé ma feuille CSS 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 L'Imaginarium le Sam 7 Aoû 2010 - 20:49

@no_way a écrit:
Es-tu sûre d'avoir mis le code que j'ai donné en bas de page 1 ?
Je ne vois aucune différence sur ton forum !

Oui, c'est normal, c'est parce que j'ai remis l'autre en attendant qui était moins pire. Razz
Tu veux que je le remette pour que tu puisse voir ce que ça donne?

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 - 20:50

H-K-N
je te l'ai corrigée Wink

Oui remets sinon je vais rien voir moi Laughing

no_way
Aidactif
Aidactif

Messages : 1780
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 - 20:54

Pardon Embarassed

Je l'ai remis: http://l-imaginarium.forumactif.org/les-films-f6/

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 - 20:56

L'Imaginarium
relis le code et tu verras un commentaire : à ajuster

remplace 40px par 20px par exemple Wink

no_way
Aidactif
Aidactif

Messages : 1780
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 - 20:59

Ben non, justement, si je met 20, voilà ce que ça donne... http://l-imaginarium.forumactif.org/les-films-f6/ 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 no_way le Sam 7 Aoû 2010 - 21:02

L'Imaginarium
Ce n'était qu'un exemple hein
mets 30px alors et le contenu se décalera un peu plus sur la droite.

no_way
Aidactif
Aidactif

Messages : 1780
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 - 21:04

oui, j'ai bien compris,
mais l'espace entre les deux resteras quoi qu'il arrive, avec 40, c'est parfait, ce qui est gênant, c'est cette espace qu'il reste entre le mini icône et le titre du sujet, est-ce que je me fait bien comprendre? 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 no_way le Sam 7 Aoû 2010 - 21:08

non navré mais je ne comprends pas ce que tu veux dire Sad
Quelle mini icône ?

PS: certains sujets sont décalés sur ton forum dû au fait que tu as mis un espace avant le sujet.


Dernière édition par no_way le Sam 7 Aoû 2010 - 21:12, édité 1 fois

no_way
Aidactif
Aidactif

Messages : 1780
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 - 21:12

J'ai le même problème que l'imaginarium

J'ai réussi à aligner le titre du sujet et le "par...." mais il y a toujours un espace entre l'icone et le titre du sujet

ex: http://dwa-v2.forumpro.fr/dwa-rules-f3/

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 - 21:16

H-K-N
Si tu parles de ton icône >>DWA<< et du titre du sujet c'est normal puisque le but initial est d'éviter de voir le texte empiéter sur ton icône Wink

no_way
Aidactif
Aidactif

Messages : 1780
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 - 21:17

D'accord, c'est normal, c'est pas facile par écrit. Assomé

Je vais te montrer la différence entre les deux et tu va voir ce qui m'embête

Voici ce que ça donne avec ton code, en rouge, cest l'espace que j'aimerais supprimer:



Et avec l'autre code, cet écart n'y est pas (sauf que du coup, y'a un décalage plus loin...)

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 - 21:18

@no_way a écrit:
PS: certains sujets sont décalés sur ton forum dû au fait que tu as mis un espace avant le sujet.

Non, ça vient du code, quand je met l'autre, cet espace n'y est pas. Wink

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 - 21:24

@L'Imaginarium a écrit:
@no_way a écrit:
PS: certains sujets sont décalés sur ton forum dû au fait que tu as mis un espace avant le sujet.

Non, ça vient du code, quand je met l'autre, cet espace n'y est pas. Wink
J'ai regardé ton code source avant de dire ça Smile, et il y a parfois un espace.
Sinon voici ce que je vois sur mon navigateur:
Voir


Dernière édition par no_way le Sam 7 Aoû 2010 - 21:27, édité 1 fois

no_way
Aidactif
Aidactif

Messages : 1780
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 - 21:24

En faite j'ai compris le problème. Cette espace n'est présente que lorsque le sujet est posté par soi-même. Lorsque je vais voir les topics postés par un autre admin cette espace n'y est plus. D'ailleurs les topics ayant cette espace, une fois déconnecté, ces espaces n'y sont plus

L'imaginarium, lorsque je vais voir ton forum, il n'y a aucun espace. Ca sera la même chose si toi tu viens voir le mien.


Dernière édition par H-K-N le Sam 7 Aoû 2010 - 21: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 L'Imaginarium le Sam 7 Aoû 2010 - 21:26

Pourtant avant, cet espace n'y était pas, et il n'y est pas non plus en utilisant l'autre code... confused

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 - 21:28

@H-K-N a écrit:En faite j'ai compris le problème. Cette espace n'est présente que lorsque le sujet est posté par soi-même. Lorsque je vais voir les topics postés par un autre admin cette espace n'y est plus. D'ailleurs les topics ayant cette espace, une fois déconnecté, ces espaces n'y sont plus

Non, moi ça me le fait aussi avec les sujets posté par un autre...

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 - 21:30

Voici ce que je trouve dans la catégorie artiste:
Code:

> Guillaume Canet<
tu vois il y a un espace entre le > et le G
Razz

Tu as vu mon image alors ?

no_way
Aidactif
Aidactif

Messages : 1780
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 - 21:33

Oui, d'accord, mais ça ne change rien à mon problème, cet espace est minuscule et ne se voit pas, alors que celui qui me gêne est bien plus grand. Tu as vu ma capture d'écran? Smile

Edit: Quel image?


Dernière édition par L'Imaginarium le Sam 7 Aoû 2010 - 21:37, édité 1 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 no_way le Sam 7 Aoû 2010 - 21:35

Oui mais ce n'est pas comme cela que je vois ton forum moi:

no_way
Aidactif
Aidactif

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

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

Page 2 sur 3 Précédent  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