Une en-tête qui a un problème

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

Résolu Une en-tête qui a un problème

Message par Apoka le Ven 27 Mai 2011 - 18:04

Bonjour,

J'ai un petit problème, j'ai crée une en-tête pour le forum d'un ami mais ce code HTML élargie la page d'accueil ce qui pose un problème.
Voici mon code:
Code:
[color=white]<center><table align="ul" style="border: 2px dotted #FFFFFF; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;"><tr><td width=600px><ul><tbody><tr><td><table><tbody><tr><td><span id="pa-log"></span></td><td width="100%"><span id="pa-staff"><span style="font-size: 18px;"><font face="georgia">Bienvenue à Kingdoms Hearts The Keyblades Wars, {USER&amp;#8288;NAME}</font></span></tr></tbody></table></td>
<td></td><td style="width: 200px; vertical-align: top; padding-top: 36px;" rowspan="4"><span style="font-size: 18px;"><span id="pa-part"><font face="georgia">Partenaires et Tops-sites</font><br><br></span>
<a href="http://www.root-top.com/topsite/mary/in.php?ID=5465" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/mary/banner.gif" border="0" alt=""></a>
<a href="http://www.tloa.fr/top/vote.php?s=92" class="postlink" target="_blank" rel="nofollow"><img src="http://www.tloa.fr/top/bouton.php" border="0" alt=""></a>
<a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7389" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" border="0" alt=""></a>
<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=17057" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/obsession27/banner.gif" border="0" alt=""></a>
<a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=5905" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/forumrpg/banner.gif" border="0" alt=""></span></td>
<tr>
  <td>
<table><tbody><tr>
          <td width="40%"><span id="pa-staff"><span style="font-size: 18px;"><font face="georgia">Staff</font></span>
(A faire car j'essuie un petit bug)
<tr>
  <td>
          <table><tbody><tr>
          <td width="40%"><span id="pa-want"><span style="font-size: 18px;"><font face="georgia">Liens Importants<br></font></span><font face="georgia">
<span style="font-size: 12px;"><a href="http://khkeybladewar.forums-rpg.com/t8-reglement-general-du-forum-en-construction">Règlement</a>
<br>
<a href="http://khkeybladewar.forums-rpg.com/t11-contexte-du-rpg">Contexte</a>
<br>
<a href="http://khkeybladewar.forums-rpg.com/t17-regles-du-rpg">Règle RPG</a>
<br>
<a href="http://khkeybladewar.forums-rpg.com/t1-regles-de-presentation">Modèle de Présentation</a><br>
</tr>
</tbody></table></div></td></tr></tbody></table>
<p><p><td style="width: 350px; vertical-align: top; padding-top: 36px;" rowspan="4"><span style="font-size: 18px;"><span id="pa-part"><font face="georgia">News</span></font><br><br>
[scroll]Nous recherchons quelqu'un pour jouer le chef de la Horde d'Emotions, ainsi qu'un Bras Droit pour Elyk[/scroll]
</tbody></table></div></td></tr></tbody></table></list></tr></td></table>[/color]

Je voudrais savoir si un bon codeur pouvais m'aider.
Merci d'avance, Apoka.


Dernière édition par Apoka le Sam 28 Mai 2011 - 11:49, édité 1 fois

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Ven 27 Mai 2011 - 18:15

Bonjour


Que voulez-vous dire par élargit ?

Quelle est la largeur maximale de la zone message de son forum ?

Ceci permettra de tester avec les bonnes dimensions.

Il y a des styles utilisés ( feuille CSS) :
Ex : <s pan id="pa-log" >
Quels sont-ils ?

J'ai montré des bordures pour votre contrôle.

Cordialement,
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Ven 27 Mai 2011 - 18:29

Merci de la réponse rapide,

Elargit comme sa :

La largeur maximale de la zone message du forum je ne comprends pas ce que c'est désolé... Si vous pouviez me donner un exemple.

Pour les styles utilisés je suis désolé mais je ne comprends pas, (la séquence qui suis n'a rien à voir) ce que j'apprends je le met sur bloc-note et je le ressort quand j'en ai besoin donc je ne suis pas un réel codeur ^^"

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Ven 27 Mai 2011 - 18:33

Le plus simple.

Peut-on, en invités, voir l'affichage de votre message sur votre forum ?
(j'aurai immédiatement les informations (style, largeur du forum fixe ou variable...)


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Ven 27 Mai 2011 - 18:46

Je suis vraiment désolé de ne pas le savoir, je me sens ridicule... Je ne sais vraiment pas si vous le pouvez.

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Ven 27 Mai 2011 - 18:53

Quel est le nom du forum ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Ven 27 Mai 2011 - 18:56

Kingdom Hearts The Keyblades Wars

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Ven 27 Mai 2011 - 19:06

Je ne vois rien sur le message d'accueil
http://khkeybladewar.forums-rpg.com/forum

Est-il dans un sous -forum ?
et OU ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Ven 27 Mai 2011 - 19:10

Non il est enlevé
Comme je ne suis pas admin sa va mettre un peu de temps :/

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Ven 27 Mai 2011 - 19:16

Sa y est c'est remis

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Ven 27 Mai 2011 - 19:17

OK.

J'ai regardé sur le forum.

Les styles ne sont pas dans la feuille de styles (CSS) personnalisés.

Si le fondateur n'a pas ces styles alors le code peut être simplifié.

Que vous voulez modifier car je ne vois pas de déformation et ceci même en réduisant la largeur de la page affichée ?





ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Ven 27 Mai 2011 - 19:22

Et bien remettre la largeur initiale du forum car sa gène le fondateur et les membres.

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Ven 27 Mai 2011 - 19:26

Je parle de ce qui est en dessous de l'en-tête car quand elle est mise la largeur du forum grossit comme si les bords du forum n'étaient plus...

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Ven 27 Mai 2011 - 19:26

Bizarre car je ne vois pas de souci.

Avec quel navigateur faites vous l'affichage du forum (firefox, IE, chrome ....) ?


Vous pouvez enlever l'affichage de ce message incomplet car j'ai vu ce que je voulais voir.



ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Ven 27 Mai 2011 - 19:33

Je navigue avec Chrome et même avec Mozilla Firefox j'ai ce problème.
Vous pouvez enlever l'affichage de ce message incomplet car j'ai vu ce que je voulais voir.
Quel message incomplet?
Pour information:
Spoiler:

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Ven 27 Mai 2011 - 19:37

@Apoka a écrit:
Quel message incomplet?

J'ai vu donc vous pouvez retirer votre codage en message d'accueil.
Je n'ai plus besoin de le voir.
Comme cela vos membres vont retrouver la bonne largeur Wink

Je pars manger puis je regarderai ce qui gêne les navigateurs autres que Firefox (qui lui n'a pas de souci).


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Ven 27 Mai 2011 - 19:46

Merci.

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Sam 28 Mai 2011 - 8:23

Bon je reprends.

Vous avez des erreurs dans votre codage.
Balise DIV en trop. Balise TD en moiins...
Un non respect de la hiérarchie des balises avec balises mal imbriquées.

de plus vous imposez une largeur de 600 pixels pour l'une de vos cellules ce qui décale tout.

Je réalise une version sans erreur pour tests.

J'ai supprimé de balise /DIV sans ouverture
J'ai supprimé /LIST sans la balise d'ouverture.
J'ai ajouté 6 ouvertures de TD et modifié la place de certaines balises tbody, /tr et /td/
J'ai enlevé les id de style car vous n'avez pas de CSS (feuille de style) associée.

J'ai diminué les largeurs car 600px + 200px +100px +divers dépassait la largeur de votre forum.


SVP, veuillez essayer ce code

Code:
[color=white]
<center>
<table style="border: 2px dotted #FFFFFF; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;">
   <tbody>
   <tr>
      <td width="200px">
         <tr>
            <td>
               <table>
                  <tbody>
                  <tr>
                     <td>
                        <span></span>
                     </td>
                     <td width="100%">
                     <span id="pa-staff">
                     <span style="font-size: 18px;">
                     <font face="georgia">Bienvenue à Kingdoms Hearts The Keyblades Wars, {USER&amp;#8288;NAME}</font>
                     </span>
                     </td>
                  </tr>
                  </tbody>
               </table>
            </td>
            <td>
            </td>
            <td style="width: 200px; vertical-align: top; padding-top: 36px;" rowspan="4">
            <span style="font-size: 18px;">
            <span><font face="georgia">Partenaires et Tops-sites</font><br><br></span>
            <a href="http://www.root-top.com/topsite/mary/in.php?ID=5465" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/mary/banner.gif" border="0" alt="">
            </a>
            <a href="http://www.tloa.fr/top/vote.php?s=92" class="postlink" target="_blank" rel="nofollow">
            <img src="http://www.tloa.fr/top/bouton.php" border="0" alt="">
            </a>
            <a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7389" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/serpentgy/banner.gif" border="0" alt="">
            </a>
            <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=17057" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/obsession27/banner.gif" border="0" alt="">
            </a>
            <a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=5905" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/forumrpg/banner.gif" border="0" alt="">
            </a>
            </span>
            </td>
         </tr>
         <tr>
            <td>
               <table>
                  <tbody>
                  <tr>
                     <td width="40%">
                     <span>
                     <span style="font-size: 18px;">
                     <font face="georgia">Staff</font>
                     </span>(A faire car j'essuie un petit bug)
                  </tr>
                  <tr>
                     <td>
                        <table>
                           <tbody>
                           <tr>
                              <td width="40%">
                                 <span>
                                 <span style="font-size: 18px;">
                                 <font face="georgia">Liens Importants<br></font>
                                 </span>
                                 <font face="georgia">
                                 <span style="font-size: 12px;">
                                 <a href="http://khkeybladewar.forums-rpg.com/t8-reglement-general-du-forum-en-construction">Règlement</a><br>
                                 <a href="http://khkeybladewar.forums-rpg.com/t11-contexte-du-rpg">Contexte</a><br>
                                 <a href="http://khkeybladewar.forums-rpg.com/t17-regles-du-rpg">Règle RPG</a><br>
                                 <a href="http://khkeybladewar.forums-rpg.com/t1-regles-de-presentation">Modèle de Présentation</a><br>
                              <td>
                           </tr>
                           </tbody>
                        </table>
                     </td>
                  </tr>
                  </tbody>
               </table>
            <p></p>
            <td style="width: 350px; vertical-align: top; padding-top: 36px;" rowspan="4">
            <span style="font-size: 18px;"><span id="pa-part">
            <font face="georgia">News</span></font><br><br>
            [scroll]Nous recherchons quelqu'un pour jouer le chef de la Horde d'Emotions, ainsi qu'un Bras Droit pour Elyk[/scroll]
            </td>
         </tr>
      </td>
   </tr>
   </tbody>
</table>
[/color]

Il est fortement probable que la disposition ne soit pas celle attendue.

Je pense qu'une réorganisation de vos cellules est utile.
Une large cellule en première ligne (bonjour Invité) et le reste à voir avec votre souhait.

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Sam 28 Mai 2011 - 9:38

Merci, j'attend qu'un admin passe pour lui montrer.

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Sam 28 Mai 2011 - 9:41

Et, svp, demander une image des différentes zones voulues avec leurs dispositions.



ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Sam 28 Mai 2011 - 10:09

Sa marche, merci

Sinon pour votre proposition, j'aimerai effectivement que la phrase de bienvenue soit en première lignesur tout la longueur du "tableau" et centrée en haut.Pour les news je voulais le mettre centrée en bas... Comme sa:
Spoiler:

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Sam 28 Mai 2011 - 10:12

C'est clair.

Les news étant celles de votre forum et non pas celle à mettre dans votre message d'accueil ou plus simplement est-ce d'autres news ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Sam 28 Mai 2011 - 10:22

C'est les news sont plutôt des annonces faites par les admins.

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Sam 28 Mai 2011 - 10:28

OK, c'est donc dans le message d'accueil.

Je réalise un squelette ( structure) de votre tableau.

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Sam 28 Mai 2011 - 10:36

D'accord

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par ge80 le Sam 28 Mai 2011 - 10:42

Voici la structure en HTML avec les lignes et tabulations pour votre compréhension
Code:
<table border="5">
 <tr>
  <td align="left" colspan="3">
    <div style="margin:auto;text-align:center;width:100%"> Bienvenue  </div>
  </td>
  </tr>
  <tr>
    <td align="left"> staff</td><td align="left" rowspan="2"> tableau
    </td>
    <td align="left" rowspan="2">
      topsite
    </td>
  </tr>
    <tr>
      <td align="left"> liens
      </td>
    </tr>
    <tr>
    <td align="left" colspan="3">
      <div style="margin:auto;text-align:center;width:100%">  news
      </div>
    </td>
  </tr>
</table>

La version en bbcode pour visualiser sur ce forum


Bienvenue
staff tableau


topsite
liens


news
Code:
[table border="5"][tr][td colspan="3"]

[center] Bienvenue
  [/center]
 [/td][/tr][tr][td] staff[/td][td rowspan="2"] tableau

 [/td][td rowspan="2"]
topsite
 [/td][/tr][tr][td] liens[/td][/tr][tr][td colspan="3"]

[center]  news
  [/center]
 [/td][/tr][/table]

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une en-tête qui a un problème

Message par Apoka le Sam 28 Mai 2011 - 10:47

Merci beaucoup

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka 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