Titres sur les icones

[minimoy1]

Bonjour, je suis entrain de faire mon forum, et j'ai un problème avec les titres des catégories et des forums et sujets qui empiètent sur les icones,
J'ai mis:
Structure des pages
Largeur du forum (nombre ou %) :
Hauteur de la cellule image catégorie/forum :130 px
Largeur de la cellule image catégorie/forum : 98px

et dans le css j'ai mis:
Code: Sélectionner le contenu

ul.topics dd.dterm {
padding-left:130px;
}

dl.icon {
min-height:98px;}

ul.topics dt {
padding-left:130px;
display: block;
}


Mais les titres empiètent toujours, comment puis je les "déplacer"?


Merci d'avance

pour voir mon problème:http://molesrefrain.forumgratuit.org/f1-votre-1er-forum

[ge80]

Bonjour

Est ce le forum de votre profil avec cette icône ?

Cordialement,
Ge

[minimoy1]

OUi tout a fait mais avec les autres icones c'est pareil

[ge80]

Et avez-vous fait la modification complète de votre CSS ?
On dirait qu'il en manque un morceau.

[minimoy1]

J'ai fait comme il était indiqué dans se sujet, car avant de poster j'ai cherché dans ce forum

http://forum.forumactif.com/t292374-titre-de-topic-empietant-sur-image

[ge80]

Effacer le codage ajouté et essayez ce code à la fin de votre CSS.

Code:

ul.topics dd.dterm {
padding-left:130px;
}

dl.icon {
min-height:90px;}

ul.topics dt {
padding-left:130px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 130px 5px;
min-height: 90px;
height:auto !important;
}

ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 130px ;
}

dd.lastpost {
width: 15%;
}
dt {
  width: 59% !important;
}

[minimoy1]

Erreur détectée
Nous avons compté un nombre différent de "{" et de "}"

voilà ce que ça me dit, c'est pour ça que j'avais rajouter un }

[ge80]

Revoir votre insertion.
vous devez l'ajouter en faisant une erreur.

voici vos erreurs avec le code précédent

Code:

 Code: Sélectionner le contenu
    ul.topics dd.dterm {
    padding-left:130px;
    }

    dl.icon {
    min-height:90px;}

    ul.topics dt {
    padding-left:130px;
    display: block;
    float: left;

ceci n'a rien à y faire
Code: Sélectionner le contenu

Et il manque une } après le left;

[minimoy1]

Voilà exactement ce que j'ai écrit

Code: Sélectionner le contenu
ul.topics dd.dterm {
padding-left:130px;
}

dl.icon {
min-height:90px;}

ul.topics dt {
padding-left:130px;
display: block;
float: left;


et voilà exactement le message d'erreur
Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

[ge80]

J'avais écrit ci-dessus vos deux erreurs.
Ce code est incomplet

Remplacer ce que vous avez écrit par ce morceau

ul.topics dd.dterm {
padding-left:130px;
}

dl.icon {
min-height:90px;}

ul.topics dt {
padding-left:130px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 130px 5px;
min-height: 90px;
height:auto !important;
}

ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 130px ;
}

dd.lastpost {
width: 15%;
}
dt {
width: 59% !important;
}

[SoraNoHime]

Bonjour, si vous êtes en phpbb3, avez-vous pris en compte cette partie du sujet que vous avez-vu ?

A savoir :

Allez dans panneau d'administration >>>>>> Général >>>> sous Forum, cliquez sur configuration , puis vous trouverez

Structure des pages
Largeur du forum (nombre ou %) :
Hauteur de la cellule image catégorie/forum : px
Largeur de la cellule image catégorie/forum : px


sélectionner le nombre de pixel des cellules en fonction de la taille d'origine des images +10

la manip est à faire en plus d'intégrer la css.

[ge80]

Bonjour macema

Le problème est sur la mauvaise copie du CSS en mettant des codes inutiles et aussi en oubliant une accolade

[minimoy1]

Alors, plus de message d'erreur,
Mais les titres empiètent toujours

voila pour vous faire une idée
http://molesrefrain.forumgratuit.org/f1-votre-1er-forum

merci de votre patience



Macena, c'est la premère manip que j'ai effectuée

[ge80]

Vous avez ceci dans votre CSS


Code: Sélectionner le contenu

Effacer ce texte !

[minimoy1]

Merci beaucoup
comme je copiais collais, la phrase restait

je clique ou pour mettre résolu svp

[ge80]

ceci n'est pas totalement
résolu !

La largeur est encore à rectifier.





Vérifier les valeurs

100
et
130

[minimoy1]

oui car mes icones font 128*96

a la limite je peux diminuer la largeur,mais c'est moins estétique

[ge80]

Bizarre dans ce cas que le retrait ne se fasse pas.

Je vais adapter la css (feuille de style)
Pouvez-vous revérifier les valeurs que vous avaient mis dans hauteur et largeur ?

un chiffre et rien d'autre !

Hauteur -> 100
Largeur -> 130

[minimoy1]

en remplaçant 90 par 98, ça fonctionnerait pas?
je dis ça, mais je découvre , donc , et suis tout ouie



J'avais mis 98, car il était dit dans le sujet que j'avais lut de rajouter 2, là j'ai mis 100 et c'est ok

[ge80]

un chiffre et rien d'autre !

Hauteur -> 100
Largeur -> 130

Et ben voilà

[minimoy1]

Oui, là c'est ok

Je vais mettre résolu, mais comme cette fois je veux comprendre comment ça marche, je reviendrais peut etre poser d'autres questions (promis j'exagèrerais pas)

[minimoy1]

Merci GE 80 de votre patience

[ge80]

A votre disposition pour des explications.

bonne soirée
ge