soucis modification codage categorie

Bonjour,

Je voulais déjà vous remercier pour tous les codes que vous nous mettez à disposition. Je viens à votre rencontre car j'ai un soucis avec l'un d'eux. Cela vient surement des modification qui y ont été apporté mais je ne sais pas comment y remédier (modification faites par un tier).

J'ai utilisé ce code:

Ici:

Les background ont été changé comme ceci:

ici:

et comme vous pouvez le voir depuis l'image est décalée.

J'aurais voulu savoir si vous saviez comment y remédier. Et si vous aviez moyen de faire en sorte que l'image soit pleine et que les sous forum ne s'affiche qu'au survol de celle ci?

Bonjour,

Concernant les sous-forums, remplacez :

Code:

/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; margin-top:12px; margin-left:238px;
width:200px; height:106px; overflow:hidden;
text-align:center; font-size:12px; line-height:0;
}
.sfFRM:hover {
overflow-y:auto;
}

Par :

Code:

/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3; margin-top:2px; margin-left:8px;
width:200px; height:106px; padding-left:240px; overflow-y:auto;
text-align:center; font-size:12px; line-height:0;
opacity:0; transition:opacity 0.55s ease; -webkit-transition:opacity 0.55s ease;
}
.sfFRM:hover {
opacity:1;
}

Quant à l'image, remplacez :

Code:

/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-top:-5px; margin-left:320px;
width:450px; height:130px;
}

Par :

Code:

/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-top:-15px; margin-left:330px;
width:450px; height:130px;
}

merci c'est super!

Voila j'ai un autre soucis, j'aimerais que le texte descriptif du forum se place de manière plus centré sur le bloc avec une marge tout autour du texte en gros. Mais je ne trouve pas pour le modifier sans tout decaler (le bloc image se promène après). Comment puis je modifier ça?

voici le lien

ici:

c'est mon forum de test.

Merci.

Remplacez :

Code:

/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:305px; height:120px; padding:5px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15px;
background:#1B1B1B; color:#C3C3C3; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}

Par :

Code:

/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-top:15px; margin-left:30px; margin-right:15px;
width:270px; height:100px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15px;
background:none; color:#C3C3C3; text-shadow:2px 1px #000; /* MODIFIABLE */
}
.descFRM:hover {
width:265px; padding-right:5px; overflow-y:auto;
}
/* ALIGNEMENT DESCRIPTION FORUM */
.descFRM span {
display:inline-block; vertical-align:middle;
max-height:100px;
}
.descFRM span:nth-of-type(1) {
height:100px;
}

Et :

Code:

/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-top:-15px; margin-left:330px;
width:450px; height:130px;
}

Par :

Code:

/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position: absolute; margin-top:-15px; margin-left:295px;
width:450px; height:130px;
}

Encadrez le texte descriptif des balises suivantes :

Code:

<!-- ALIGNEMENT --><span></span><!-- CONTENU --><span>Texte descriptif.</span>