Marge icônes et titre+description pour les sujets

[frosnos]

Bonjour à tous   ,

Alors la petite présentation réglementaire :
Voilà, je viens de créer un nouveau forum en phpbb3 :
leamundis.forum-officiel.com, et évidemment j'en suis le fondateur.
J'ai réutilisé un thème de hitskin (http://fr.hitskin.com/rechercher-un-theme/wow-wrath-of-the-lich-king-136321.htm), dont j'ai totalement changé les couleurs et images.
Aucun CSS personnalisé de mon côté.
Navigateur utilisé : firefox (26.0)

Mon problème maintenant :
J'ai un petit souci de marge concernant mes sujets, entre les icônes et le titre+description :


J'ai essayer de suivre les tutos, je suis tomber sur celui concernant les identifiants CSS. J'ai donc testé ça :
.topictitle {padding-left:20px}
.span-tab {padding-left:20px}

Mais ça me donne ceci :


Donc soit je me suis planté avec mon CSS (j'avoue que je tâtonne dans ce domaine), soit il me manque des identifiants CSS pour les mini-icônes et la description des sujets, mais je ne les ai pas trouver dans le tuto listant les identifiants CSS ^^'.

Merci pour vos réponses  

[Invité]

Bonjour,

Edit : Sur votre forum, le problème semble réglé, non ?
Sinon, essayez peut-être :

Code:

a.forumtitle, dd.dterm p{
  position: relative;
  left: 20px;
}

(en ajustant les valeurs au besoin.)

Cordialement.

[frosnos]

Merci pour la réponse, mais cela ne résout pas mon problème.
Je me rend compte que je n'ai pas apporté assez de précision, mea culpa.

Mon souci de marge ne se rencontre qu'avec les sujets. Concernant les forums/catégorie, tout va bien je n'ai pas de souci (d’où l'utilisation des identifiants CSS .topictitle et .span-tab).
Ce problème concerne aussi bien les sujets Note (CF mon premier sujet "A lire avant de psoter") que des sujets classiques (CF mon deuxième sujet "test").

Du coup j'ai voulu décaler via feuille de style CSS le titre du sujet et le reste (type de sujet/mini-icône/description/auteur).
Sauf qu'en utilisant les identifiants CSS .topictitle et .span-tab, je n'ai réussi qu'à déplacer le titre du sujet, et l'auteur. La mini-icône, le type de sujet (Note/annonce) et la description n'ont pas bougé.
Donc ma demande consiste à savoir comment déplacer le reste vers la droite ^^.

Je rappel que je ne rencontre ce souci qu'avec les sujets. Les forums et catégorie n'ont aucun problème.

[frosnos]

Bon après réflexion, je me dis que je vais virer les mini-icônes, que je trouve au final peu utile. Ça résous partiellement mon problème, car je n'ai plus besoin de les décaler, et je n'ai pas non plus besoin de décaler le type de sujet (Note/annonce).

Cependant, me manque juste la description du sujet à décaler.

Il y a t'il un identifiant CSS dédié ? Ou existe t'il une autre solution que le CSS ?

Merci d'avance ^^.

[frosnos]

Bon, même en virant les mini-icônes, ça n'arrange pas mon souci :


Du coup, il faut quand même que j'arrive à décaler le texte indiquant le type de sujet, en plus de la description.

[stefou]

Bonjour,

Il faut aller dans P.A. --> Général --> configuration --> Structure des pages --> 3ème ligne "Largeur de la cellule image catégorie/forum"

[frosnos]

Bonjour,

Il faut aller dans P.A. --> Général --> configuration --> Structure des pages --> 3ème ligne "Largeur de la cellule image catégorie/forum"

Merci pour la réponse ^^.

Malheureusement, cela modifie bien la distance entre l’icône et la description pour les forums, mais pas pour les sujets, qui sont vraiment traitée à part.
Par défaut, ma valeur pour "Largeur de la cellule image catégorie/forum" est de 55px, ce qui donne ça pour les forums :

et ça pour les sujets :


Si je double la valeur pour "Largeur de la cellule image catégorie/forum", ça modifie bien la marge pour les forums :

Cependant, aucun changement pour les sujets...Pour mon plus grand malheur


Help me 

[stefou]

Tu ne pourrais pas donner un lien accessible aux invités ou on vois le problème.

Edit, tu peux toujours tester ceci dans feuille de style css,

Code:

ul.topics dd.dterm {
    padding-left: 65px !important;
}

[frosnos]

Tu ne pourrais pas donner un lien accessible aux invités ou on vois le problème.

Edit, tu peux toujours tester ceci dans feuille de style css,

Code:

ul.topics dd.dterm {
    padding-left: 65px !important;
}

Et bien en faites, je passe principalement par la prévisualisation d'un thème temporaire pour faire mes modifs ^^'. Mais il est vrai que j'aurais pu filer un lien dès le début   

Cependant c'est plus la peine, car ta dernière astuce marche du tonnerre \o/.
Encore merci à toi et à tous ceux ayant répondu à mon post  :thanks: .

Je vais pouvoir ouvrir mon forum du coup ^^.