Augmenter l'espace icone dans les sujets

[yangra]

Bonjour à tous,

J'ai un "petit" soucis...

Voilà, j'ai l'icone qui se supperpose avec le sujet... les paroles ne remplacent pas une image :



J'ai entré le code suivant :

Code:

dl.icon dd.dterm, dl.icon dt {
margin-left : 5px;
  }

Le texte du sujet s'est bien déplacé à droite, mais là, je me retrouve avec le petit trait à gauche...




Ce trait appartient aux cadres des cellules. Je peux supprimer ces cadres en supprimant leur couleur, mais ça ne m'arrange pas esthétiquement. Je ne veux vraiment enlever que CE trait, coté gauche du forum. Est-ce possible?

Merci pour votre aide!

[SandyL]

Bonjour,

Essayez en collant le code ci dessous dans :
Panneau d'administration
Affichage
Couleurs : Onglet "Feuille de style css" (pensez à valider)

Code:

 dl.icon {
min-height: 55px;
background-position: 2px 50%;
}
* html dl.icon {
height: 55px;
}
ul.topics dt {
padding-left: 75px;
}
ul.pmlist dt {
padding-left: 75px;
}

Vous pouvez changer le chiffres des "px" pour s'adapter à votre image.

[hutchbidou]

Bonjour,

j'avais le même problème aujourd'hui, j'ai essayé le code de SandyL sans succès malheureusement.
En revanche, j'ai repris votre code et plutôt que de toucher aux marges extérieures des cellules, j'ai décidé de m'attaquer aux marges intérieures avec un padding au lieu du margin, et cela a fonctionné pour ce qui est des forums, mais ça a modifié aussi sur la page d'accueil et là ça me décale tout . Parce que je n'ai, à la base, pas le même décalage par rapport aux bords de la cellule.

[yangra]

Bonjour,

Essayez en collant le code ci dessous dans :
Panneau d'administration
Affichage
Couleurs : Onglet "Feuille de style css" (pensez à valider)

Code:

 dl.icon {
min-height: 55px;
background-position: 2px 50%;
}
* html dl.icon {
height: 55px;
}
ul.topics dt {
padding-left: 75px;
}
ul.pmlist dt {
padding-left: 75px;
}

Vous pouvez changer le chiffres des "px" pour s'adapter à votre image.

Merci pour votre aide.
Les premiers px me changent la position de l'icone, c'est déjà pas mal. Mais ça ne me décale pas le sujet, ce qui fait que mon icone se superpose avec le texte.
Les 3 derniers px ne modifient rien sur la page...

[SandyL]

Pouvez-vous remettre les icônes de message et me donner le lien vers votre forum afin de visualiser

[yangra]

Pouvez-vous remettre les icônes de message et me donner le lien vers votre forum afin de visualiser

Hello, voici : http://techniqueg60.forumactif.com/f9-la-vie-du-site

Dites moi quand vous l'aurez visualisé, que je remette un icone qui pesse mieux, merci!

Merci en tous cas de vous pencher sur mon problème

[yangra]

Il y a bien dans les menus de configuration "largeur de la cellule image catégorie / forum" mais cette valeur n'affecte que la page d'accueil

[SandyL]

Vous avez d'autres code dans votre css perso ?

[yangra]

Voici :

Code:

/****** modif taille police titres forums + décalage vers le haut ****/
.forumtitle {
  display: inline;
  line-height : 25px;
    font-size: 14px !important;
  font-family : ;
}
/****** agrandissement taille police titre forum au passage de la souris ****/
        .forumtitle:hover {
          font-size: 16px !important;
        }
/****** modif taille police catégorie + centrage horizontal + centrage vertical ****/
.table-title, .table-title h2 {
    color: #F7FF00;
    display: block;
    font-size: 14px;
    font-weight : bold;
  text-align : center; 
  margin-top: 0px;
  }
/****** largeur colonne icone dans sujets ****/
dl.icon dd.dterm, dl.icon dt {
margin-left : px;
  }
/****** largeur colonne icone dans sujets ****/
 dl.icon {
min-height: 55px;
background-position: 2px 50%;
}
* html dl.icon {
height: 55px;
}
ul.topics dt {
padding-left: 75px;
}
ul.pmlist dt {
padding-left: 75px;
}

Même en supprimant tous les codes, je me retrouve avec le même problème

[yangra]

up!

[yangra]

up

[yangra]

up! Personne pour me dire comment élargir cet espace?

[SandyL]

Vous pouvez essayer avec ceci :

Code:

/****** modif taille police titres forums + décalage vers le haut ****/
.forumtitle {
display: inline;
line-height : 25px;
font-size: 14px !important;
font-family : ;
}
/****** agrandissement taille police titre forum au passage de la souris ****/
.forumtitle:hover {
font-size: 16px !important;
}
/****** modif taille police catégorie + centrage horizontal + centrage vertical ****/
.table-title, .table-title h2 {
color: #F7FF00;
display: block;
font-size: 14px;
font-weight : bold;
text-align : center;
margin-top: 0px;
}
/****** largeur colonne icone dans sujets ****/
dl.icon {
min-height: 55px;
background-position: 2px 50%;
}
* html dl.icon {
height: 55px;
}
ul.topics dt {
padding-left: 75px;
}
ul.pmlist dt {
padding-left: 75px;
}

[yangra]

Non, toujours pas

[SandyL]

Bizarre

[yangra]

Voilà ce que j'obtiens : l'icone est toujours trop large, et il empiète sur le texte




n'y a t'il pas de possibilité pour décaler le texte???




Encore une petite chose, peut-on placer le titre "sujets" au centre de la cellule, et non pas collé à gauche comme là?



Merci en tous cas!

[yangra]

up!

[yangra]

Ca y est, j'ai trouvé, j'ai entré ce code :

Code:

ul.topics dd.dterm, ul.topics dt {
display: block;
float: left;
padding-left: 75px;
width: 50%;
min-height: 55px;}

En modifiant padding-left, vous modifiez l'espace pour votre icone