Salut !!

J'ai un probleme sur mon forum de test...
http://estoow.forumactif.com

En fait je voudrais que la description des sous forums soient encadrés, ce qui est ok... Mais je n'arrive pas a mettre dans la "bulle" un backround de couleur #ffffff.

Voila mon code CSS:

Code:

.description {
backround-color: #ffffff;
-moz-border-radius:5px;
border: 2px solid;
border-color: #ba7d72;
padding: 1px;
text-align:center;
}

Voila ^^
Merci d'avance pour votre aide !

Bonjour =)

Ton soucis est ton simple et dû a une faute de frappe. En effet tu as oublié une lettre dans ton mot. C'est "background-color:" qu'il faut écrire (tu as oublié le "g" de background)

Normalement ca doit être bon.
Bonne chance ; )

En effet ^^
Merci beaucoup !!

Et j'ai aussi un autre petit probleme...
En fait, je voudrais qu'il y ait un petit papillon a gauche sur les titres des forums, pas des catégories mais des forums.
L'image est la : https://2img.net/r/ihimizer/img265/3396/lolnq.png

J'ai ce code déjà :

Code:

.titrefofo {
border-bottom: 5px double #ffffff;
background-image: url('http://img265.imageshack.us/img265/3396/lolnq.png');
background-repeat: no-repeat;
background-position: center left;
min-height: 27px;
padding-left: 26px;
color:F1E4DD;
font-family: sans-serif;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
}

Hmmmm.
Il me semble qu'en ajoutant :

Code:

<img src="lien_de_ton_image">

avant le titre de ton forum ca devrait marcher.

Il y a encore une faute dans ton code :

Code:

.titrefofo {
border-bottom: 5px double #ffffff;
background-image: url('http://img265.imageshack.us/img265/3396/lolnq.png');
background-repeat: no-repeat;
background-position: center left;
min-height: 27px;
padding-left: 26px;
color:#F1E4DD;
font-family: sans-serif;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
}

Tu as oublié le # avant le F1E4DD. Fais attention !

Merci ^^
en fait je me suis trompé de code ...

C'était celui la :

Code:

a.forumlink:hover {
text-decoration: none;
background-color: #e8b5a9;
background-image: url('http://img265.imageshack.us/img265/3396/lolnq.png
'); /*--- Image de la corbeille ---*/ 
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
border-bottom: 2px double #ffffff;
border-top: 2px double #ffffff;
-moz-border-radius: 6px ;
border-right: 3px solid #ffffff;
-moz-border-radius: 6px ;
border-left: 3px solid #ffffff;
display:block;
}

En fait je voudrais que ce soit automatique et pas a ajouter tout le temps manuellement. En plus c'est au passage de la souris que je veux que le papillon s'affiche ^^

Merci beaucoup à vous deux

Ahh oui, d'accord.
Alors je t'avouerais que je sèche sur la manipulation à faire. je vais tout de même chercher, mais je ne pense pas trouver la solution.

Désolée.
(et de rien en passant ; D )

EDIT : En faite j'ai trouvé quelque chose mais ca revient un peu au même sachant que tu doit insérer une div dans tous tes titres. M'enfin, je te la passe tout de même en espérant que ca t'aidera.

A ajouter dans le titre du forum:

Code:

<div class="imageforum">TITRE</div>

A ajouter dans le CSS:

Code:

.imageforum {
weight: ??px;
background-image: url('URL-DE-LIMAGE');
background-position: left center;
background-repeat: no-repeat;

Mets la hauteur de ton image dans weight -ou un peu plus-.
Tu peux changer la position, y ajouter padding et margin.

En espérant que ca t'aide.
=)

Merci beaucoup !!
Mais tu ne sais pas comment faire pour que l'image apparaisse que lorsqu'on passe la souris dessus ?

TakuAroha, justement il a dit qu'il voulait pas que ce soti manuel XD

Et Esto, il faudrait que tu places ton morceau de code dans a.forumlink (car :hover c'est au moment du survol de la souris sur la pseudoclasse concernée, comme a:hover => effets de liens au survol de la souris).

Mais en fait, tu veux le faire au survol ou pas au survol ? o_ô Parce que tu te contredis là

EDIT : Non oublie, j'ai mal lu ;_;

EDIT 2 : Le problème avec le code du tag, c'est que ton image apparaît en fond de lien, et non à côté du lien (vu qu'il s'agit du "background"). Je vais tester un truk ~

Nop je ne me suis pas contredit XD
Sinon, tu ne sais pas ?

J'avais prévenu que ca retombait sur le même principe xDD

Sinon, non, je ne vois pas comment faire.
Désolée Esto.

Merci beaucoup quand même TakuAroha !!
Je pense que je vais attendre, et puis si on ne peut rien, je vais utiliser TA solution ^^

J'ai trouvé un truk en jouant avec mon CSS mais pas très pratique par contre.

Code:

a.forumlink:hover {
text-decoration: none;
background-color: #e8b5a9;
background-image: url('http://img265.imageshack.us/img265/3396/lolnq.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
border-bottom: 2px double #ffffff;
border-top: 2px double #ffffff;
-moz-border-radius: 6px ;
border-right: 3px solid #ffffff;
-moz-border-radius: 6px ;
border-left: 3px solid #ffffff;
display:block;
padding-left:25px;
}

Merciiiiiiiii Air !!
J'ai enfin réussi, en modifiant un peu ton code !

Voila ce que j'ai mis ^^

Code:

a.forumlink:hover {
text-decoration: none;
background-color: #e8b5a9;
background-image: url('http://img265.imageshack.us/img265/3396/lolnq.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
border-bottom: 2px double #ffffff;
border-top: 2px double #ffffff;
-moz-border-radius: 6px ;
border-right: 3px solid #ffffff;
-moz-border-radius: 6px ;
border-left: 3px solid #ffffff;
display:block;
padding-left:40px;
min-height:23px;
}

Je sais je sais j'suis trop une ouf du codage (h) (non mais j'me surprends à réussir des truks toute seule en bidouillant mes codes quoi, c'est comme ça que j'm'améliore en fait *_*)

Bon bah je suppose que c'est résolu ? \o/

Ouiii merci ^^
Par contre, pourquoi tu dis que c'est pas pratique ?

Parce que je trouve ça pas terrible quand les liens se décalent trop X_x

Ah ok !
Merci quand même !