Sujets similaires

Dernière édition par steph846 le Mer 24 Oct 2012, 11:02, édité 1 fois

Bonjour et dans un premier temps, encore une fois, un immense merci à Orange et ce forum pour ces codes.

Alors voilà j'ai tenté d'installer la fiche PVS et RPG d'orange:
http://upload.cssactif.com/demo/1335295768.html
http://upload.cssactif.com/demo/1335256113.html

et liens des tutos:
http://www.css-actif.com/t11273-fiche-pv-avec-banniere-laterale
http://www.css-actif.com/t11272-fiche-rpg-avec-banniere

Le problème, comme vous le témoigne la capture ci-dessous c'est que le code combiné déforme les infobulles. Et que le fond de couleur n’apparaît pas.

[Résolu :)]Soucis de fond avec la présentation des personnages proposée par Orange UplDL

[Résolu :)]Soucis de fond avec la présentation des personnages proposée par Orange UplDL

Alors pour l'instant je n'ai fais aucune modification de code, j'ai simplement suivit le tutos à la lettre et copier les informations données. J'ai vérifié les codes qui me semblent être complet et correct. J'ai vérifier que les balises soient bien fermées. Et j'ai vérifier qu'une faute de frappe ne se soit pas glisser dans le codes HTML empêchant ainsi l'apparition du fond, mais j'avoue que pour le coup :s Je bloque un peu :s.

Pour les infobulles, si on ne combine pas les deux codes (rpg et rp) il ne semble pas y avoir de problème, mais une fois combiné, le cadre disproportionné apparaît autour de chaque infobulle :s.
Par contre, dans les deux cas, le fond n'apparaît pas.

Heu que vous dire d'autres ^^".
Je suis sous Chrome, mais après vérification le code ne fonctionne pas plus sous firefox :s.
Enfin voici l'adresse du rendu et du forum par la même occasion: http://total-blackout.forumactif.org/t3-fiche-de-presentation

Je dois également vous dire que j'ai fais pas mal d'ajout à mes codes CSS (sauf code d'orange retranscrit tel quel pour l'instant) que je vous mets ici, en hide, dans leur intégralité. Je ne pense pas qu'il y ait un soucis de nomination des div class mais dans le doute, je ne voudrais pas vous faire perdre de votre temps :s.

Pour information les codes des fiches d'orange se trouve tout à la fin de mon CSS :s.

En espérant que vous pourrez m'aider, merci d'avoir pris le temps de me lire Very Happy

Bonjour steph846 !

Alors, j'ai jeté un rapide coup d'oeil à ton CSS et j'ai trouvé au moins 2 erreurs de parsing (des erreurs majeures qui peuvent faire planter tout ton script).

Vers la ligne 558 :

Code:: .rpgcontent {
...
color: #968970!;
....
}

Comme tu peux le constater, #968970! ne sera pas valide donc la propriété ne sera pas interprétée. Je te conseille d'enlever le ! qui s'est perdu ici.

Vers la ligne 1078 :

Code:: /********************************************** FICHE DE PRESENTATION & PVS ****************************************************/

Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------- */

Tout le texte Créée par Orange ... n'est pas commenté !
Là, ce qu'il se passe, c'est que le navigateur ne lit pas la suite, l'interprétation plante.

Pour corriger le problème (et voir le reste du style s'appliquer), rajoute /* au début.
Tu pensais peut-être l'avoir fait avec la ligne FICHE DE PRESENTATION & PVS mais tu as fermé le commentaire à la fin... et tu ne l'a pas rouvert :

Code:: /********************************************** FICHE DE PRESENTATION & PVS ****************************************************/

/* ----------- Créée par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------- */

Pour le moment ce sont les erreurs majeures que j'ai repéré, je pense que ça devrait résoudre pas mal de tes soucis Wink

Hannnnn merci à toi effectivement ça règle le soucis de fond ** Vraiment merci **

Par contre il me reste le soucis des infobulles dans la fiche pv :s.

Mais encore une fois, vraiment merci de ton aide **

En fait je ne vois pas quel est le soucis avec les infobulles puisque de ce que j'ai vu, j'ai le même rendu sur l'exemple de démo d'Orange et sur ton forum.

Pourrais-je avoir un screenshot plus précis de ce problème ? Merci Smile

EDIT: Si c'est des bords marrons en haut et en bas de ton image dont tu parles, c'est parce-qu'il y a des <br> dans ton code. Puis-je avoir le code HTML de ton template correspondant dans ce cas ?

Bien sûr m'ai en fait on voit le problème sur le premier screenshot que j'ai donné. :S Il s'agit du cadre disgracieux autour des icons. :S

[Résolu :)]Soucis de fond avec la présentation des personnages proposée par Orange 98m7W

[Résolu :)]Soucis de fond avec la présentation des personnages proposée par Orange 98m7W

Je zieut le code infobulle mais je ne comprends d'où ça peut venir Sad

Encore merci de ton aide en tout cas. Very Happy

Espeon a écrit:: Si c'est des bords marrons en haut et en bas de ton image dont tu parles, c'est parce-qu'il y a des <br> dans ton code. Puis-je avoir le code HTML de ton template correspondant dans ce cas ?

Encore merci à toi, mais là je crois que tu vas me prendre pour un boulet mais je ne comprends pas ce que tu veux dire (désolée) Embarassed

. Tu veux dire que le cadre qui apparait uniquement autour des icons des infobulles vient d'un de mes templates? Si oui, lequel pour que je puisse te le fournir et tenter de mon côté aussi de comprendre le soucis ^^".

Vraiment désolée de t'ennuyer avec ça ^^".

Non mais en fait c'est moi le boulet dans l'histoire, question d'habitude quand il s'agit de HTML je demande le template >_<

En fait, tu as des sauts de lignes, tout simplement.

Est-ce-que je peux voir le message que tu as posté dans ta fiche de présentation (avec le BBCode toussa). Pour info, quand tu reviens à la ligne dans ton message, ça crée un saut de ligne (d'où la marge).

La solution c'est de mettre <-- -->, mais le plus simple c'est de te montrer sur ton exemple Wink

C'est vraiment adorable merci beaucoup ** Je te joins le code immédiatement Very Happy

Code:: <br><br>
<table class="cssactif_pv" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="right" valign="bottom" class="cssactif_pv_header" style="background-image: url(http://img10.hostingpics.net/pics/279002welling_2.png);">Lellia</td><td valign="top"><div class="cssactif_pv_titre"><h1>Prénoms & Nom</h1>
feat. Célébrité, Libre</div><div class="cssactif_pv_content"><em>Appartenance</em>: Groupe
<em>Date de naissance</em>: 01/01/0001 (100 ans)
<em>Métier</em>: Parmi ceux disponibles
<em>Idéologie</em>: Détails
<em>Précisions</em>: Autres détails
<em>Personnalité</em>: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in vehicula enim. Mauris non justo est, vitae congue lacus. Nulla molestie sodales ornare. Fusce nisi massa, tempus in viverra at, dictum id risus. Sed sit amet elementum nisl. Donec at mauris dui, quis tristique orci.
<em>Liens</em>:
<div class="infobulle">
<img src="http://i28.tinypic.com/33eseiq.jpg" />
<div><a href="#Lien">Nom & prénom</a> - Quisque a suscipit metus. Curabitur egestas volutpat bibendum. Ut blandit viverra nisi, pretium volutpat neque congue nec. Proin a sapien eget neque pharetra malesuada a eu nibh. Ut posuere, odio nec laoreet scelerisque, odio libero tincidunt elit, a vehicula felis tellus ut ante.</div>
</div><div class="infobulle">
<img src="http://i28.tinypic.com/33eseiq.jpg" />
<div><a href="#Lien">Nom & prénom</a> - Quisque a suscipit metus. Curabitur egestas volutpat bibendum. Ut blandit viverra nisi, pretium volutpat neque congue nec. Proin a sapien eget neque pharetra malesuada a eu nibh. Ut posuere, odio nec laoreet scelerisque, odio libero tincidunt elit, a vehicula felis tellus ut ante.</div>
</div><div class="infobulle">
<img src="http://i28.tinypic.com/33eseiq.jpg" /><div><a href="#Lien">Nom & prénom</a> - Quisque a suscipit metus. Curabitur egestas volutpat bibendum. Ut blandit viverra nisi, pretium volutpat neque congue nec. Proin a sapien eget neque pharetra malesuada a eu nibh. Ut posuere, odio nec laoreet scelerisque, odio libero tincidunt elit, a vehicula felis tellus ut ante.</div>
</div><div class="infobulle">
<img src="http://i28.tinypic.com/33eseiq.jpg" />
<div><a href="#Lien">Nom & prénom</a> - Quisque a suscipit metus. Curabitur egestas volutpat bibendum. Ut blandit viverra nisi, pretium volutpat neque congue nec. Proin a sapien eget neque pharetra malesuada a eu nibh. Ut posuere, odio nec laoreet scelerisque, odio libero tincidunt elit, a vehicula felis tellus ut ante.</div>
</div></div></td></tr></table>
<div class="cssactif_pv">
<h2>Résumé de l'histoire</h2><div class="cssactif_pv_content">Quisque a suscipit metus. Curabitur egestas volutpat bibendum. Ut blandit viverra nisi, pretium volutpat neque congue nec. Proin a sapien eget neque pharetra malesuada a eu nibh. Ut posuere, odio nec laoreet scelerisque, odio libero tincidunt elit, a vehicula felis tellus ut ante. Quisque sodales sollicitudin nunc at porta. Integer convallis mollis arcu, id cursus risus venenatis ac. Sed gravida, magna et molestie tempor, ante eros dignissim enim, sit amet volutpat elit nulla sit amet magna. Fusce varius, tellus eget tincidunt semper, quam magna tincidunt nisl, imperdiet condimentum lectus orci et neque. Nullam et erat quam, ac condimentum magna. Donec lobortis dapibus eros, vitae blandit felis faucibus eu. Nulla ipsum velit, posuere vel malesuada eu, rutrum et odio. Maecenas arcu augue, blandit a porta sit amet, vulputate non purus. Nullam quis elit quis sem blandit varius sit amet vitae lacus. Suspendisse potenti. Suspendisse fringilla lacinia sagittis.

<div style="font-size: 10px; text-align: center;">NOM DE VOTRE FORUM soutient la création; cette fiche a été codée par Orange de <a href="http://www.css-actif.com">CSSActif</a></div>
</div></div>

Par contre pour les deux premiers "br" j'ai été obligé de les mettre sans quoi je ne peux plus éditer mon post comme tu pourras le voir ici :s
http://total-blackout.forumactif.org/t3-fiche-de-presentation#5

Je n'ai pas l'impression que ça à posé soucis mais je préférais te prévenir :s.

Encore merci en tout cas Very Happy

.

Bon, le soucis de tes infobulles c'est que tu as quelque chose comme ça :

Code:: <div class="infobulle">
<img src="http://i28.tinypic.com/33eseiq.jpg" />
<div><a href="#Lien">Nom & prénom</a> - Quisque a suscipit metus. Curabitur egestas volutpat bibendum. Ut blandit viverra nisi, pretium volutpat neque congue nec. Proin a sapien eget neque pharetra malesuada a eu nibh. Ut posuere, odio nec laoreet scelerisque, odio libero tincidunt elit, a vehicula felis tellus ut ante.</div>
</div>

Sauf que le retour à la ligne, ça provoque un saut de ligne quand le texte est interprété.
Du coup, pour être tranquille, il faut que tu te serve de  :

Code:: <div class="infobulle"><img src="http://i28.tinypic.com/33eseiq.jpg" /><div><a href="#Lien">Nom & prénom</a> - Quisque a suscipit metus. Curabitur egestas volutpat bibendum. Ut blandit viverra nisi, pretium volutpat neque congue nec. Proin a sapien eget neque pharetra malesuada a eu nibh. Ut posuere, odio nec laoreet scelerisque, odio libero tincidunt elit, a vehicula felis tellus ut ante.</div></div>

Ou bien ne pas sauter de ligne, mais je te l'accorde c'est pas top niveau visibilité.

Voilà, je te laisse adapter mais je pense que ça devrait résoudre ton soucis Wink

Hannn super ça fonctionne merci à toi ** J'ai eu des soucis par contre pour les mettre à côté (horizontalement parlant), du coup je les ais placé d'une autre façon mais tu as résolu mon problème merci beaucoup de ton aide vraiment **

Bonjour,

Merci d'avoir préciser que le problème était résolu ! J'archive.

Bonne journée, [Résolu :)]Soucis de fond avec la présentation des personnages proposée par Orange 926145

[Résolu :)]Soucis de fond avec la présentation des personnages proposée par Orange 926145

[Résolu :)]Soucis de fond avec la présentation des personnages proposée par Orange

[Résolu :)]Soucis de fond avec la présentation des personnages proposée par Orange

Sujets similaires

Sujets similaires

Partenaires Or