Bug de forumactif ou c'est moi.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bug de forumactif ou c'est moi.

Message par gaellecathleen le Jeu 7 Avr 2016 - 21:08

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumtestepoison.forumactif.be/

Description du problème

Bonjour, alors, je codais des fiches tranquillement quand HOP tout c'est déformé dans mon profil... J'ai simplement envoyé ma réponse, postant un nouveau code quand j'ai vu que tout se décalait au niveau de l'avatar. Je n'ai pas touché à mon CSS ni mon Template, mes fiches sont en HTML. Alors, c'est moi qui ai fait quelque chose ou c'est forumactif qui beug? Parce que je ne vois pas ce que j'aurais pu faire :/
Spoiler:


Dernière édition par gaellecathleen le Ven 8 Avr 2016 - 22:47, édité 1 fois

gaellecathleen
**

Messages : 64
Inscrit(e) le : 06/05/2012

gaellecathleen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug de forumactif ou c'est moi.

Message par R-max le Jeu 7 Avr 2016 - 22:45

postant un nouveau code quand j'ai vu que tout se décalait au niveau de l'avatar.

bonsoir , c'est surement une div ou une table mal fermé dans ce code (même sur a 100%) Surprised

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug de forumactif ou c'est moi.

Message par gaellecathleen le Ven 8 Avr 2016 - 6:56

Coucou, merci de te réponse mais je ne trouve absolument pas la balise non fermée, saurais-tu m'aider car à mon avis je passe à côté et comme je suis débutante j'ai du mal à repérer mes conneries *honte a moi*

Code:
<link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><center><table style="border: 3px solid; border-collapse: collapse; width: 450px;"><tr><td colspan="2" style="display: table-cell; vertical-align: middle; height: 200px; border-bottom: 20px #343438 solid; background: url('http://image.noelshack.com/fichiers/2014/30/1406111187-3199699107-1-34-aexg1hoi.gif') no-repeat center; background-size: 500px 250px; text-align: center; position: relative;"> </td></tr>
    <tr><td colspan="2" style="text-align: center; height: 50px; font-family: 'Kenyan Coffee', cursive; font-size: 35px; padding: 5px;">Prénom P. Nom </td></tr>

        </td><td style="width: 210px; text-align: center; padding-right: 5px; padding: 5px;"><div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center; margin-top: -0x;">Qui suis-je ? </div>
  <div style="font-size: 12px; font-family: 'Yanone Kaffeesatz', cursive; text-transform: lowercase; text-align: justify; height: 210px; width:200px; overflow: auto; overflow-y: scroll;">
  [b]• Nom de Famille ;[/b] Ici
  [b]• Prénom(s) ;[/b] écrire ici.
  [b]• Date de naissance ;[/b] écrire ici.
  [b]• Lieu de naissance ;[/b] écrire ici.
  [b]• Origine(s) ;[/b] écrire ici.

  [b]• Nationalité ;[/b]
  [b]• Métier ou études ;[/b] écrire ici.
  [b]• Statut matrimoniale ;[/b] écrire ici.
  [b]• Orientation sexuelle ;[/b] écrire ici.

  [b]• Capacités ;[/b] écrire ici si tu en possède une (je rappel que les capacités sont [b]rares[/b])
  [b]• Espèce ;[/b] écrire ici
  [b]• Avatar ;[/b] écrire ici
  [b]•  Crédits ;[/b] écrire ici
  </div>

      </td><td style="width: 210px; text-align: center; padding-right: 5px; padding: 5px;"><div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center; margin-top: -55px;">Qui suis-je ? </div>
  <div style="font-size: 12px; font-family: 'Yanone Kaffeesatz', cursive; text-transform: lowercase; text-align: justify; height: 210px; width:200px; overflow: auto; overflow-y: scroll;">
  [b]• Nom de Famille ;[/b] Ici
  [b]• Prénom(s) ;[/b] écrire ici.
  [b]• Date de naissance ;[/b] écrire ici.
  [b]• Lieu de naissance ;[/b] écrire ici.
  [b]• Origine(s) ;[/b] écrire ici.

  [b]• Nationalité ;[/b]
  [b]• Métier ou études ;[/b] écrire ici.
  [b]• Statut matrimoniale ;[/b] écrire ici.
  [b]• Orientation sexuelle ;[/b] écrire ici.

  [b]• Capacités ;[/b] écrire ici si tu en possède une (je rappel que les capacités sont [b]rares[/b])
  [b]• Espèce ;[/b] écrire ici
  [b]• Avatar ;[/b] écrire ici
  [b]•  Crédits ;[/b] écrire ici
  </tr></div>

  <tr><td colspan="2" style="border-bottom: 20px solid #343438; text-align: justify; padding: 5px;">
    <div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center; border-top: solid 1px #343438; padding-top: 10px;"><img src="http://coquelico.c.o.pic.centerblog.net/tumblr_lqwqo4IxDf1qg39ewo1_500.gif" style="margin-right: 10px; margin-bottom: 4px; border: 2px solid #343438; padding: 3px;"" height="100"; width="150"> <img src="https://olivier.cybride.net/wp-content/uploads/2012/12/tumblr_mfkoldWPKs1rcru73o1_500.gif" style="margin-right: 10px; margin-bottom: 4px; border: 2px solid #343438; padding: 3px;"" height="100"; width="150">

  <div style="font-size: 12px; font-family: 'Yanone Kaffeesatz', cursive; text-transform: lowercase; text-align: justify;">[b]Ici, expose 10 anecdotes concernant ton personnage, que cela soit en liste ou par texte.[/b] Nam sed varius massa, in volutpat enim. Vestibulum erat odio, posuere sit amet dolor vitae, vehicula porta lacus. Pellentesque semper vitae est ut elementum. Donec justo dolor, iaculis vitae suscipit a, posuere vel magna. Nullam ornare elementum sapien, at posuere justo condimentum in. Sed velit ante, viverra cursus erat at, tristique tristique ligula. Aliquam ac felis quam. Maecenas sed vestibulum nisi. Cras sed mi at turpis ultricies tempus. Mauris in scelerisque dolor. Integer iaculis mauris nec nulla pretium elementum. Nullam volutpat dolor sit amet urna auctor pharetra. Quisque luctus ex dolor, in scelerisque ante facilisis id. Nam sed varius massa, in volutpat enim. Vestibulum erat odio, posuere sit amet dolor vitae, vehicula porta lacus. Pellentesque semper vitae est ut elementum. Donec justo dolor, iaculis vitae suscipit a, posuere vel magna. Nullam ornare elementum sapien, at posuere justo condimentum in. Sed velit ante, viverra cursus erat at, tristique tristique ligula. Aliquam ac felis quam. Maecenas sed vestibulum nisi. Cras sed mi at turpis ultricies tempus. Mauris in scelerisque dolor. Integer iaculis mauris nec nulla pretium elementum. Nullam volutpat dolor sit amet urna auctor pharetra. Quisque luctus ex dolor, in scelerisque ante facilisis id. </div>

gaellecathleen
**

Messages : 64
Inscrit(e) le : 06/05/2012

gaellecathleen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug de forumactif ou c'est moi.

Message par Pinguino le Ven 8 Avr 2016 - 9:53

Bonjour,

Comme le souligne R-max, le problème vient sans aucun doute du code avec des balises fermantes manquantes car il n'y a pas de bug à signaler de notre côté, surtout que les templates.

Dans votre extrait de code au-dessus, il y a par exemple :

- Une balise <center> non fermée.
- Une fermeture </td> sans ouverture <td>.

Bon courage !

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10213
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug de forumactif ou c'est moi.

Message par gaellecathleen le Ven 8 Avr 2016 - 18:46

Merci beaucoup, je pense avoir changé les deux balises mais ça donne toujours le même résultat :/ ça me déforme tout et je ne vois pas où est le soucis, saurait-on m'aider à repérer le problème?

Code:
<link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><center><table style="border: 3px solid; border-collapse: collapse; width: 450px;"></center><tr><td colspan="2" style="display: table-cell; vertical-align: middle; height: 200px; border-bottom: 20px #343438 solid; background: url('http://image.noelshack.com/fichiers/2014/30/1406111187-3199699107-1-34-aexg1hoi.gif') no-repeat center; background-size: 500px 250px; text-align: center; position: relative;"> </td></tr>
    <tr><td colspan="2" style="text-align: center; height: 50px; font-family: 'Kenyan Coffee', cursive; font-size: 35px; padding: 5px;">Prénom P. Nom </td></tr>

        <td style="width: 210px; text-align: center; padding-right: 5px; padding: 5px;"><div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center; margin-top: -0x;">Qui suis-je ? </div>
  <div style="font-size: 12px; font-family: 'Yanone Kaffeesatz', cursive; text-transform: lowercase; text-align: justify; height: 210px; width:200px; overflow: auto; overflow-y: scroll;">
  [b]• Nom de Famille ;[/b] Ici
  [b]• Prénom(s) ;[/b] écrire ici.
  [b]• Date de naissance ;[/b] écrire ici.
  [b]• Lieu de naissance ;[/b] écrire ici.
  [b]• Origine(s) ;[/b] écrire ici.

  [b]• Nationalité ;[/b]
  [b]• Métier ou études ;[/b] écrire ici.
  [b]• Statut matrimoniale ;[/b] écrire ici.
  [b]• Orientation sexuelle ;[/b] écrire ici.

  [b]• Capacités ;[/b] écrire ici si tu en possède une (je rappel que les capacités sont [b]rares[/b])
  [b]• Espèce ;[/b] écrire ici
  [b]• Avatar ;[/b] écrire ici
  [b]•  Crédits ;[/b] écrire ici
  </div>

      </td><td style="width: 210px; text-align: center; padding-right: 5px; padding: 5px;"><div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center; margin-top: -55px;">Qui suis-je ? </div>
  <div style="font-size: 12px; font-family: 'Yanone Kaffeesatz', cursive; text-transform: lowercase; text-align: justify; height: 210px; width:200px; overflow: auto; overflow-y: scroll;">
  [b]• Nom de Famille ;[/b] Ici
  [b]• Prénom(s) ;[/b] écrire ici.
  [b]• Date de naissance ;[/b] écrire ici.
  [b]• Lieu de naissance ;[/b] écrire ici.
  [b]• Origine(s) ;[/b] écrire ici.

  [b]• Nationalité ;[/b]
  [b]• Métier ou études ;[/b] écrire ici.
  [b]• Statut matrimoniale ;[/b] écrire ici.
  [b]• Orientation sexuelle ;[/b] écrire ici.

  [b]• Capacités ;[/b] écrire ici si tu en possède une (je rappel que les capacités sont [b]rares[/b])
  [b]• Espèce ;[/b] écrire ici
  [b]• Avatar ;[/b] écrire ici
  [b]•  Crédits ;[/b] écrire ici
  </tr></div>

  <tr><td colspan="2" style="border-bottom: 20px solid #343438; text-align: justify; padding: 5px;">
    <div style="font-size: 30px; font-family: 'Kenyan Coffee', cursive; text-transform: lowercase; text-align: center; border-top: solid 1px #343438; padding-top: 10px;"><img src="http://coquelico.c.o.pic.centerblog.net/tumblr_lqwqo4IxDf1qg39ewo1_500.gif" style="margin-right: 10px; margin-bottom: 4px; border: 2px solid #343438; padding: 3px;"" height="100"; width="150"> <img src="https://olivier.cybride.net/wp-content/uploads/2012/12/tumblr_mfkoldWPKs1rcru73o1_500.gif" style="margin-right: 10px; margin-bottom: 4px; border: 2px solid #343438; padding: 3px;"" height="100"; width="150">

  <div style="font-size: 12px; font-family: 'Yanone Kaffeesatz', cursive; text-transform: lowercase; text-align: justify;">[b]Ici, expose 10 anecdotes concernant ton personnage, que cela soit en liste ou par texte.[/b] Nam sed varius massa, in volutpat enim. Vestibulum erat odio, posuere sit amet dolor vitae, vehicula porta lacus. Pellentesque semper vitae est ut elementum. Donec justo dolor, iaculis vitae suscipit a, posuere vel magna. Nullam ornare elementum sapien, at posuere justo condimentum in. Sed velit ante, viverra cursus erat at, tristique tristique ligula. Aliquam ac felis quam. Maecenas sed vestibulum nisi. Cras sed mi at turpis ultricies tempus. Mauris in scelerisque dolor. Integer iaculis mauris nec nulla pretium elementum. Nullam volutpat dolor sit amet urna auctor pharetra. Quisque luctus ex dolor, in scelerisque ante facilisis id. Nam sed varius massa, in volutpat enim. Vestibulum erat odio, posuere sit amet dolor vitae, vehicula porta lacus. Pellentesque semper vitae est ut elementum. Donec justo dolor, iaculis vitae suscipit a, posuere vel magna. Nullam ornare elementum sapien, at posuere justo condimentum in. Sed velit ante, viverra cursus erat at, tristique tristique ligula. Aliquam ac felis quam. Maecenas sed vestibulum nisi. Cras sed mi at turpis ultricies tempus. Mauris in scelerisque dolor. Integer iaculis mauris nec nulla pretium elementum. Nullam volutpat dolor sit amet urna auctor pharetra. Quisque luctus ex dolor, in scelerisque ante facilisis id. </div>

gaellecathleen
**

Messages : 64
Inscrit(e) le : 06/05/2012

gaellecathleen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug de forumactif ou c'est moi.

Message par MasDan le Ven 8 Avr 2016 - 21:45

Bonjour gaellecathleen,

Voici les erreurs détectées par le site The W3C Markup Validation Service

ligne 40 : pour la balise fermante </tr> --> aucune balise <tr> correspondante
Code:
</tr></div>


ligne 43 remplacer ce code
Code:
padding: 3px;"" height="100"; width="150"
par
Code:
padding: 3px;" height="100" width="150"

Il y a deux erreurs dans ce code
1) «"» en double après «3px
2) «;» en trop après «"100" »

À répéter car ce code apparaît deux fois à la ligne 43.

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug de forumactif ou c'est moi.

Message par R-max le Ven 8 Avr 2016 - 22:15

bonsoir gaellecathleen
, appliqué les modification de MasDan , et ajouter aussi a la fin de votre codage
ceci>>
Code:
</td></tr></table>
cela replacera les avatars et la colonne profil a leur place

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug de forumactif ou c'est moi.

Message par gaellecathleen le Ven 8 Avr 2016 - 22:46

Tout fonctionne de nouveau. Sincèrement merci beaucoup comme ça je ferais dorénavant plus attention Smile

gaellecathleen
**

Messages : 64
Inscrit(e) le : 06/05/2012

gaellecathleen a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum