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

[Apoka]

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.

[ge80]

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

[Apoka]

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 ^^"

[ge80]

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...)

[Apoka]

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

[ge80]

Quel est le nom du forum ?

[Apoka]

Kingdom Hearts The Keyblades Wars

[ge80]

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

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

[Apoka]

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

[Apoka]

Sa y est c'est remis

[ge80]

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 ?

[Apoka]

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

[Apoka]

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...

[ge80]

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.

[Apoka]

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:

[ge80]

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

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

[Apoka]

Merci.

[ge80]

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.

[Apoka]

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

[ge80]

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

[Apoka]

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:

[ge80]

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 ?

[Apoka]

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

[ge80]

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

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

[Apoka]

D'accord

[ge80]

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]

[Apoka]

Merci beaucoup