soucis modification codage categorie

soucis modification codage categorie Empty Mer 9 Jan - 13:17
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?
Revenir en haut Aller en bas
soucis modification codage categorie Empty Jeu 10 Jan - 8:45
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;
}
Revenir en haut Aller en bas
soucis modification codage categorie Empty Ven 18 Jan - 20:57
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?

Revenir en haut Aller en bas
soucis modification codage categorie Empty Sam 19 Jan - 2:15
Transmettez-moi le lien de votre forum afin que je puisse interagir directement avec les éléments concernés.
Revenir en haut Aller en bas
soucis modification codage categorie Empty Sam 19 Jan - 14:08
voici le lien
ici:
 
c'est mon forum de test.
Revenir en haut Aller en bas
soucis modification codage categorie Empty Sam 19 Jan - 20:00
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>
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum