Coucou !

Alors voilà mon problème : j'aimerai que le texte de description des catégories ne soit pas collé à l'image de la catégorie. J'ai déjà appliqué un padding pour que le texte ne colle au bord du cadre.

Voilà le code CSS concerné :

Code:

/*DÉCORATION DESCRIPTION CATÉGORIES*/
.descriptions-categories {
background:#939C9A;
padding: 10px;
border: 1px solid #FFFFFF;
background-image: url("http://img10.hostingpics.net/pics/36274backg_desc.png");
}

J'utilise Firefox et je remercie celui qui me viendra en aide ^^ A oui et voilà le lien de mon forum (ne regardez que la catégorie Program Files). Clique

Coucou,

Je pense que tu as ceci :

Code:

<img src="url">

ou quelque chose de ce genre. Rajoute

Code:

style="margin-right:10px;"

ce qui te donnera

Code:

<img src="url" style="margin-right:10px;">

.

En fait, j'utilise la zone où l'on peut mettre l'adresse de l'image que l'on veut. Et si je met le code que tu m'a donné, ça ne marche pas.
Et si je le met dans ma zone de texte, le début de texte se trouve tout en bas de l'image. Si j'utilise cette méthode, je sais comment avoir le début du texte tout en haut. Mais cependant, ça m'obligerai à faire cela pour tout les catégories !

Donc, je cherche un code qui me permettrai de corriger ce problème sur l'ensemble des catégories.

Mais merci de cette réponse =)

Je te conseille de suivre le tutoriel de Furase qui te sera très utile :

https://css-actif.forumactif.org/astuces-f33/ecrire-autour-d-une-image-t4532.htm

Merci du tuto mais ce n'est pas ce je recherche ^^" Parce que si j'applique cette méthode, je devrai faire ça manuellement pour chaque catégorie.

Mais si il n'y a pas d'autres solutions..

Essaie ceci peut-être :

Code:

.descriptions-categories img{
margin-right:10px;
}

Non ça ne fait rien =(

A la plage de "margin" mets "padding".

ça ne fait rien non plus ^^"

Tu as bien mis

Code:

.descriptions-categories img{
padding-right:10px;
}

? Car c'est bizarre j'ai essayé et ça marche chez moi

oui ^^" enfin sauf que ce n'est pas un espace à droite que je veux mais à gauche. Mais j'ai corrigé ça et ça ne marche pas.

Mais toi, ton image, elle est dans la description même du forum ou tu la mis là dedans ?



Parce que moi, je l'ai mise ici.

Ha ok, je n'ai pas mis le même code pour avoir l'image ^^". Voilà ce que j'ai mis dans la description :

Code:

<div class="descriptions-categories"><img src="url" alt="bla" style="float: left;">text<br></div>

Et le code CSS ^^ L'image a dont un espace à droite .

Ah oui, toi tu as fait la partie CSS du tutorial et pas template. Moi j'ai fait la partie template.

Et j'aimerai un espace à gauche et pas à droite, vu que l'image est à gauche ;D

Edit ; Je classe mon sujet. Mon problème est résolu.