images de messages

[Coco2010]

Rappel du premier message :

Bonjour,
je voulais vous demander pour mon forum : les images qui indiquent nouveaux messages, pas de nouveaux messages et forum vérouiller, et bien, la partie règlement par exemple est marqué sur l'image.
Ma question : Comment faire pour que le texte apparaisse à côté de l'image et non dessus ? Merci

Ps : voici l'adresse de mon forum ou vous pourrez constater cela : http://passion-animaux2010.forumactif.org/index.htm

[ge80]

Ok
Je vais voir.


Veuillez ajouter à la fin de votre CSS ce code

Code:


.topiclist dl.icon {
min-height: 102px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}


puis

[Coco2010]

merci, j'attend

[ge80]

J'avais édité le message ci-dessus


Veuillez ajouter à la fin de votre CSS ce code

Code:


.topiclist dl.icon {
min-height: 102px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}


puis

[Coco2010]

MERCIIIII ça marche, mais maintenant c'est pour les messages privés

[ge80]

Et que se passe-t-il pour les messages privés ?

On ajoute à la suite dans la CSS pour voir

Code:

.topiclist dl.icon {
min-height: 12px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 102px;
}

[Coco2010]

d'accord

[Coco2010]

ça chevauche toujours l'image

[ge80]

J'ai fait une erreur avec 12 au lieu de 102px dans min-height: 102px;
Ajoutez un 0 pour avoir ceci

Code:

.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}


[Coco2010]

non, toujours pas

[ge80]

Dans les messages privés, je ne peux voir et tester.

Nous continuerons demain car mon rugby va débuter.
Désolé.

Demain j'analyserai en profondeur votre CSS ou un autre membre aura la solution avant.


Le plus important a été fait...

Bonne fin de soirée et à demain si votre problème n'est pas totalement réglé.

Cordialement
Ge

[Coco2010]

d'accord, j'allai aussi dire que nous continueront demain. Grand merci en tout cas de m'avoir aidé ! à demain

[ge80]

Bonjour


Vous avez des erreurs à la fin de votre CSS


Voici ce que vous avez :

Code:

.topiclist dl.icon {
min-height: 12px;
background-position: 2px 50%;
}.topiclist dl.icon {
min-height: 102px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}.topiclist dl.icon {
min-height: 102px;
}.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}


A REMPLACER par

Code:


.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 102px;
}
.topiclist dl.icon {
min-height: 102px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}


Bien vérifier et enregistrer

Cordialement
Ge

[Coco2010]

ça chevauche toujours j'arriverai jamais

[ge80]

Code:

.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}
.topiclist dl.icon {
min-height: 12px;
background-position: 2px 50%;
}.topiclist dl.icon {
min-height: 102px;
}
.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 102px;
}
.topiclist dl.icon {
min-height: 102px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}

Voici votre code CSS : les modifications sont fausses. Plusieurs fois les mêmes choses et avec un 12 px au lieu de 102px...

L'erreur y est toujours : Pas de panique mais simplement de l'attention.
SUPPRIMER TOUTES LES LIGNES ci-dessus et vérifiez que votre CSS se termine bien par une }


Une fois vérifié : ajouter les lignes entre code ci-après et rien de plus.

Code:



.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}


* html .topiclist dl.icon {
height: 102px;
}


.topiclist dl.icon {
min-height: 102px;
}


ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}




[Coco2010]

je narrive pas. Je vais vous montrer tout mon code css

[ge80]

Copiez le code CSS de la page ici entre balise code.

Je ferai la modification.

[Coco2010]

body
{ background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}
ul.navlinks { border: none; }
#wrap {
background-attachment: scroll;
background-image: url("https://i.servimg.com/u/f62/13/52/25/78/cadre_17.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.topiclist dl.icon {
min-height: 30px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 30px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 30px;
}
ul.pmlist dt {
padding-left: 30px;
}
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #;
background-image: url('https://i.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
}
.forumbg {
background-color: #;
background-image: url('https://i.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
margin-bottom: 4px;
clear: both;
}
.navbar span.corners-top { background-image: none; }
.navbar span.corners-top span { background-image: none; }
.navbar span.corners-bottom { background-image: none; }
.navbar span.corners-bottom span { background-image: none; }

.headerbar span.corners-top { background-image: none; }
.headerbar span.corners-top span { background-image: none; }
.headerbar span.corners-bottom { background-image: none; }
.headerbar span.corners-bottom span { background-image: none; }

a.button1, input.button1 {
font-weight: bold;
border: 1px solid #156389;
}
a.button2, input.button2, button.button2 {
border: 1px solid #156389;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("https://i.servimg.com/u/f62/13/52/25/78/pf112.jpg");
background-repeat: repeat;
background-position: top left;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("https://i.servimg.com/u/f62/13/52/25/78/pf212.jpg");
background-repeat: repeat;
background-position: top left;
}.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}
.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}.topiclist dl.icon {
min-height: 102px;
}
.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}


* html .topiclist dl.icon {
height: 102px;
}


.topiclist dl.icon {
min-height: 102px;
}


ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}

[Coco2010]

voila tout mon code, il est long

[Coco2010]

et aussi si vous pouviez décale encore un peut le texte, car il déborde d'une lettre sur les image ou il y a marqué le règlement, présentation des membres...

[ge80]

Code:



body
{ background-attachment: scroll;
 background-repeat: no-repeat;
 background-position: top center;
}
ul.navlinks { border: none; }
#wrap {
background-attachment: scroll;
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/cadre_17.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.topiclist dl.icon {
min-height: 30px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 30px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 30px;
}
ul.pmlist dt {
padding-left: 30px;
}
.forabg {
   margin-bottom: 4px;
   clear: both;
   background-color: #;
   background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
   background-repeat: repeat;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
   }
.forumbg {
   background-color: #;
   background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
   background-repeat: repeat;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
   }
.navbar span.corners-top { background-image: none; }
.navbar span.corners-top span { background-image: none; }
.navbar span.corners-bottom { background-image: none; }
.navbar span.corners-bottom span { background-image: none; }

.headerbar span.corners-top { background-image: none; }
.headerbar span.corners-top span { background-image: none; }
.headerbar span.corners-bottom { background-image: none; }
.headerbar span.corners-bottom span { background-image: none; }

a.button1, input.button1 {
   font-weight: bold;
   border: 1px solid #156389;
   }
a.button2, input.button2, button.button2 {
   border: 1px solid #156389;
   }
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf112.jpg");
background-repeat: repeat;
background-position: top left;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf212.jpg");
background-repeat: repeat;
background-position: top left;
}

.topiclist dl.icon {
min-height: 120px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 120px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 120px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 120px;
}



Marquez tout votre CSS et vous effacez.

Puis vous copiez celui-ci à la place
Enregistrer et tester.

Pour la modification ou position des marges : il faut reprendre le point 1 du tutoriel.
Dans le panneau d'administration :
Affichage
Gestions des images (mode avancé)
Onglet "Icônes des sujets"

et mettre 120px pour les deux valeurs.

[Coco2010]

donc j'efface en entier le code que je vous ai montré et je met celui que vous m'avez donné

[ge80]

Oui, tout à fait, c'est le même avec les lignes modifiées à la fin.

[Coco2010]

daccord merci je vais essayé

[ge80]

Courage

[Coco2010]

ça marche, mais le texte chevauche toujours les images

[ge80]

comme dit plus haut

Pour la modification ou position des marges : il faut reprendre le point 1 du tutoriel.
Dans le panneau d'administration :
Affichage
Gestions des images (mode avancé)
Onglet "Icônes des sujets"

et mettre 120px pour les deux valeurs.

Vous ne l'avez pas fait.

[Coco2010]

en fait j'ai cherché, mais je ne trouve pas ou l'on doit mettre ça.

[Coco2010]

moi il n'y a que les images pas de nouveaux messages, nouveaux messages...

[ge80]

Réglez les dimensions de la cellule image de catégorie et forum :

Général
Configuration --> Structure des pages


Vous l'aviez fait hier.
C'est la même chose mais simplement changer la valeur 100 px en 120 px.

[Coco2010]

je me disais bien aussi. Car vous aviez dit
affichage
gestion des images
et onglet icone des sujets