-40%
Le deal à ne pas rater :
Tefal Ingenio Emotion – Batterie de cuisine 10 pièces (induction, ...
59.99 € 99.99 €
Voir le deal

   :: Espace invités :: Intruders :: Résolus Voir le sujet précédent Voir le sujet suivant Aller en bas

Problème PA Image/Couleur

Liesmith
Problème PA Image/Couleur Empty Jeu 28 Sep - 1:10
Bonjour, Bonsoir,
Tout d'abord, je tiens à vous remercier pour la mise en libre service de tous ces codes, vous faites le bonheur de nombre de petites gens qui n'ont pas les connaissances requises pour coder de A à Z. J'en fais partie, je suis une débutante et ma sœur et moi nous sommes lancées dans la création d'un forum.

Et voilà, je dépose enfin les armes et sort la carte Joker : Je viens demander un peu d'aide, après deux jours de capillotractation ( Excusez mon Français inventif ) et de " Noooo Fuck, why, oulà, woooh, ouuuh, chiiier.. "

Nous nous sommes heurté à deux problèmes auxquels nous n'avons pu trouver de solution par nous même.
Je tiens à préciser que j'édite bien les codes dans Notepad++, que je les recolle dans leur intégralité par la suite, et que mon cache google a été vidé.

Le premier problème, sur la PA que nous voulions utiliser en premier lieu :

Spoiler:

Trois images sont sensées défiler en tant qu'Annonce I, II et III, hors quoi que nous fassions, peut importe l'image que nous tentons de placer, la troisième ne s'affiche pas, et nous laisse donc un blanc inesthétique.

Le code actuel est identique à celui donné sur votre site, excepté en ce qui concerne évidemment les liens des images d'annonces que nous avons dû coller pour la démonstration, idem pour le CSS, nous n'avons rien touché.

Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/VAES_PA.css" rel="stylesheet" type="text/css" />
<!--   PAGE D'ACCUEIL   -->
<div id="VAES">
 
 <!--   6 PREDEFINIS - IMAGES 50*50   -->
 <div class="pfVAES">
 <span>Prédéfinis</span>
 <div>
 
 <!--   Ière LIGNE - I   --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a>
 <!--   II   --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a>
 <!--   III   --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><br />
 <!--   IInd LIGNE - IV   --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a>
 <!--   V   --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a>
 <!--   VI   --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a>
 </div>
 
 </div>
 
 <!--   NEWS   -->
 <div class="newsVAES">
 
 <!--   3 ANNONCES/EVENEMENTS - IMAGES 500*150   -->
 <div id="NEWSVAES">
 
 <ul id="blocNEWSVAES">
 
 <!--   ANNONCE I   -->
 <li>
 <a href="..." target="_blank"><img src="https://i.skyrock.net/6256/87676256/pics/3169372897_1_9_KZ3oE7w7.png" /></a>
 </li>
 
 <!--   ANNONCE II   -->
 <li>
 <a href="..." target="_blank"><img src="https://i.skyrock.net/6256/87676256/pics/3169372897_1_9_KZ3oE7w7.png" /></a>
 </li>
 
 <!--   ANNONCE III   -->
 <li>
 <a href="..." target="_blank"><img src="https://i.skyrock.net/6256/87676256/pics/3169372897_1_9_KZ3oE7w7.png" /></a>
 </li>
 
 </ul>
 
 </div>
 
 </div><br />
 <!--   STAFF   -->
 <div id="staffVAES">
 
 <!--   I   -->
 <div class="staffVAES eins">
 
 <div>
 
 <!--   IMAGE I 125*125   --><img src="http://www.aht.li/2780126/125125.png" />
 <!--   CONTENU I   -->
 <p>
 Pseudonyme<br /><a href="" target="_blank">profil</a>
 </p>
 
 </div>
 
 </div>
 
 <!--   II   -->
 <div class="staffVAES zwei">
 
 <div>
 
 <!--   IMAGE II 125*125   --><img src="http://www.aht.li/2780126/125125.png" />
 <!--   CONTENU II   -->
 <p>
 Pseudonyme<br /><a href="" target="_blank">profil</a>
 </p>
 
 </div>
 
 </div>
 
 <!--   III   -->
 <div class="staffVAES drei">
 
 <div>
 
 <!--   IMAGE III 125*125   --><img src="http://www.aht.li/2780126/125125.png" />
 <!--   CONTENU III   -->
 <p>
 Pseudonyme<br /><a href="" target="_blank">profil</a>
 </p>
 
 </div>
 
 </div>
 
 <!--   IV   -->
 <div class="staffVAES vier">
 
 <div>
 
 <!--   IMAGE IV 125*125   --><img src="http://www.aht.li/2780126/125125.png" />
 <!--   CONTENU IV   -->
 <p>
 Pseudonyme<br /><a href="" target="_blank">profil</a>
 </p>
 
 </div>
 
 </div>
 
 </div>
 
 <!--   5 LIENS   -->
 <div class="lksVAES">
 
 <!--   I   --><a href="" target="_blank">Règlement</a>
 <!--   II   --><a href="" target="_blank">Bottin d'avatars</a>
 <!--   III   --><a href="" target="_blank">Partenariats</a>
 <!--   IV   --><a href="" target="_blank">Annexes</a>
 <!--   V   --><a href="" target="_blank">Les groupes</a>
 </div>
 
 <!--   BLOC CONTEXTE   -->
 <div id="ctxtVAES">
 
 <div class="ctxtVAES">
 
 <!--   IMAGE CONTEXTE 300*200   --><img src="http://www.aht.li/2780799/250250.png" />
 <!--   CONTEXTE   -->
 <div>
 Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte
 </div>
 
 </div>
 
 </div>
 
 <!--   13 PARTENAIRES EN 40*40   -->
 <div class="partVAES">
 
 <!--   I   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   II   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   III   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   IV   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   V   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   VI   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   VII   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   VIII   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   IX   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   X   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   XI   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   XII   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 <!--   XIII   --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a>
 </div>
</div>

Fort embêtées après avoir passées des heures à tenter de trouver d'où venais le problème, nous nous sommes résignées à choisir une nouvelle PA que voici :

Spoiler:

Ici le problème est plutôt simple, nous n'arrivons pas à changer la couleur qui est sensée encadrer les 6 vignettes en 100*55.
En inspectant l'objet, nous avons réussi à identifier exactement la ligne que nous devions bidouiller pour parvenir à nos fins, nous avons même eu un aperçu du rendu désiré :

Spoiler:

Mais voilà, rien à faire, lorsque l'on tente de changer la ligne du CSS, rien ne se produit au niveau de cette couleur.
Voilà le CSS au passage.
Code:
/* FOND PA */
#SOIN {
background:rgb(84, 52, 55) !important;
}
/* LIENS */
.lksSOIN a{
background:white !important; color:#C4AA8D !important;
}
/* EVENEMENT EN COURS/MEMBRE DU MOIS */
.evmSOIN{
background:rgb(250, 245, 237) !important;
}
/* CONTENU EVENEMENT EN COURS/MEMBRE DU MOIS */
.evmSOIN div{
background:white !important;
}
/* BANDE PARTENAIRES */
.partSOIN{
background:rgb(196, 170, 141) !important;
}
/* TOP-SITES */
.topSOIN {
background:rgb(196, 170, 141) !important; color:#543437 !important;
}
/* LIENS TOP-SITES */
.topSOIN a{
background:rgb(196, 170, 141) !important; color:#faf5ed !important;
}
/* TITRE ACTUALITES */
.newsSOIN{
background:white !important; color:#C4AA8D !important;
 }
 /* CONTENU ACTUALITES */
.newsSOIN div {
background:white !important;
}
/* CONTENU STAFF */
.staffSOIN p{
background:rgb(196, 170, 141) !important; color:#543437 !important;
}
/* TRIANGLE */
.triSOIN{
border-bottom-color:#FAF5ED !important;
}
/* FOND CONTENU CONTEXTE */
.triSOIN div{
background:#543437 !important;
}
/* CONTENU CONTEXTE */
.triSOIN div p{
background:white !important; color:black !important;
}

Notre plan B de PA tombant à l'eau, je me résous à crier à l'aide, espérant que vous pourrez m'éclairer, sur mon premier, ou second problème.

Merci d'avance !
Revenir en haut Aller en bas
Skaemp
Problème PA Image/Couleur Empty Jeu 28 Sep - 10:05
Bonjour,

Le premier problème provient certainement des sauts de ligne que vous avez appliqués au code.

Code initial :
Code:
<!-- NEWS --><div class="newsVAES"><!-- 3 ANNONCES/EVENEMENTS - IMAGES 500*150 --><div id="NEWSVAES"><ul id="blocNEWSVAES"><!-- ANNONCE I --><li><a href="..." target="_blank"><img src="http://www.aht.li/2780127/500150.png" /></a></li><!-- ANNONCE II --><li><a href="..." target="_blank"><img src="http://www.aht.li/2780127/500150.png" /></a></li><!-- ANNONCE III --><li><a href="..." target="_blank"><img src="http://www.aht.li/2780127/500150.png" /></a></li></ul></div></div>

Votre code :
Code:
<!--   NEWS   -->
 <div class="newsVAES">
 
 <!--   3 ANNONCES/EVENEMENTS - IMAGES 500*150   -->
 <div id="NEWSVAES">
 
 <ul id="blocNEWSVAES">
 
 <!--   ANNONCE I   -->
 <li>
 <a href="..." target="_blank"><img src="https://i.skyrock.net/6256/87676256/pics/3169372897_1_9_KZ3oE7w7.png" /></a>
 </li>
 
 <!--   ANNONCE II   -->
 <li>
 <a href="..." target="_blank"><img src="https://i.skyrock.net/6256/87676256/pics/3169372897_1_9_KZ3oE7w7.png" /></a>
 </li>
 
 <!--   ANNONCE III   -->
 <li>
 <a href="..." target="_blank"><img src="https://i.skyrock.net/6256/87676256/pics/3169372897_1_9_KZ3oE7w7.png" /></a>
 </li>
 
 </ul>
 
 </div>
 
 </div>

Quant au second problème, ajoutez simplement ceci à votre partie CSS :
Code:
/* STAFF */
.staffSOIN {
background:#C4AB8D !important;
}

Cet oubli m'incombant entièrement, je vous prierai donc de bien vouloir m'excuser pour la perte de temps occasionnée et vous remercie du signalement.
Revenir en haut Aller en bas
Page 1 sur 1
Vous ne pouvez pas répondre aux sujets dans ce forum