Problèmes avec ma page d'accueil.

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

Résolu Problèmes avec ma page d'accueil.

Message par Bibouh le Jeu 29 Déc 2011 - 20:13

Bonsoir et merci beaucoup de se pencher sur mon problème. ♪

Je n'arrive pas à m'en sortir avec tous mes codes et après plusieurs essais désastreux, je m'adresse à vous.
Sur ma page d'accueil, j'aimerais en quelques sorte faire un tableau dans un autre. Pour mieux m'expliquer, voici un schéma. En noir, c'est le tableau déjà fait, en rouge, celui que j'aimerais faire, du moins plus ou moins.

La tête de la page d'accueil actuelle, sans commentaire. Mr. Green

Les codes pire que calamiteux.
Spoiler:
Code:
<table style="margin: auto;"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">
            <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"> Informations essentielles </span>
                <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Autres</span></td></tr>
        <tr><td>
                <div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu"><center><table><tr><td class="contexte"><div style="background-image: url('http://img824.imageshack.us/img824/4962/fdcontexte1.png'); center;"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><br />
      <b>D</b>ans le monde d'<b>A</b>ekeva, la <b>M</b>agie a été bannie par la <b>S</b>cience.<br/> <br/>
      <b>C</b>ette dernière, incarnée par la <b>R</b>eine, règne d'une main de fer sur son <b>E</b>mpire.<br/><br/>
      <b>M</b>ais dans l'ombre, menée par un mystérieux chef, la <b>M</b>agie s'apprête à revenir ;<br /><br/> <b>D'</b>autant qu'<b>E</b>dfartig, allié incertain, pèse également dans la <b>B</b>alance...<br><br>
      <b>O</b>ù trouverez-vous votre place ?<br /><div align="right"><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/t880-histoire-extraits-historiques">• En lire plus ?</a>
      </div></div></div></div></td><div align="right"><td><img src="http://data.imagup.com/12/1134378771.png" ></img></div></td></div></tr></table></center><table><tr><table class="bas"><td class="liens"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>L</b>iens <b>u</b>tiles :</div></div><br><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/t828-livre-du-savoir-absolu">• Règlement du forum.</a></div><br><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/t877-livre-du-savoir-complementaire">• Bien commencer.</a></div><br><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/t1075-liste-personnage-predefinis">• Personnages Prédéfinis.</a></div><br><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/f87-coffre-d-aekeva">• Se plonger dans le monde.</a></div><br><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/f94-coffre-du-role-player">• Dans les moindres détails.</a></div></td><td></td><td class="nouveautés"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>N</b>ouveautés :</div></div> <br> ../12/11 → Vous ne rêvez pas, un nouveau design ! Pour plus d'infos, cliquez ici.<br><br> ../../11 → infos-du-moment-infos-du-moment-infos-du-moment. <br><br> ../12/11 → Bonnes vacances et joyeuses fêtes à tous ! ♥</td><td></td><td class="topsites"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>T</b>op <b>s</b>ites :</div></div><br>A venir MDR</td></table></tr></table> </div>


            <center><div id="co_2" class="mon_contenu" style="display: none; width: 660px"><center><table class="staff"><tr><td><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><br />
      <b>L</b>e staff est composé de 12 <strike>apôtres</strike><br> personnes, toujours prêtes à vous <br>aider et à répondre à vos questions. <br><br><b>C</b>ertaines sont moins disponibles<br> que d'autres mais si jamais vous <br>leur demandez conseil, elles sauront <br>vous guider.<br /> </div></div>(cliquer sur leur avatar pour les contacter)<br/>
      </td><div align="right"><td><table><tr><td>
<a href="http://aekeva.forumactif.com/u3contact" class="info"><img src="http://data.imagup.com/12/1136631337.jpg" alt="Texte alternatif" /><span>Lywilan Von Loewe <br> Administratrice <br> Disponibilité </span></a>
<a href="http://aekeva.forumactif.com/u38contact" class="info"><img src="http://data.imagup.com/12/1136631244.jpg" alt="Texte alternatif" /><span>Dita Villeneuve <br> Administratrice</span></a>
<a href="http://aekeva.forumactif.com/u1contact" class="info"><img src="http://data.imagup.com/11/1136631387.jpg" alt="Texte alternatif" /><span>Tiena Dikafir <br> Administratrice</span></a><br>Administratrices</td>
<a href="http://aekeva.forumactif.com/u28contact" class="info"><img src="http://data.imagup.com/12/1136630711.jpg" alt="Texte alternatif" /><span>Colptha Mae <br> Modératrice Globale</span></a>
<a href="http://aekeva.forumactif.com/u49contact" class="info"><img src="http://data.imagup.com/12/1136631399.jpg" alt="Texte alternatif" /><span>Violenna Van Velde <br> Modératrice Globale</span></a>
<a href="http://aekeva.forumactif.com/u178contact" class="info"><img src="http://data.imagup.com/10/1136631411.jpg" alt="Texte alternatif" /><span>Ysandre Montfleury <br> Modératrice</span></a><br></tr>
<a href="http://aekeva.forumactif.com/u53contact" class="info"><img src="http://data.imagup.com/10/1136631216.jpg" alt="Texte alternatif" /><span>Cirith Helgrind <br> Modérateur</span></a>
<a href="http://aekeva.forumactif.com/u156contact" class="info"><img src="http://data.imagup.com/10/1136631231.jpg" alt="Texte alternatif" /><span>Cray Walmir <br> Modérateur</span></a>
<a href="http://aekeva.forumactif.com/u151contact" class="info"><img src="http://data.imagup.com/11/1136631164.jpg" alt="Texte alternatif" /><span>Altanos Liadon <br> Modérateur</span></a>
<a href="http://aekeva.forumactif.com/u54" class="info"><img src="http://data.imagup.com/10/1136631308.jpg" alt="Texte alternatif" /><span>Gauvain Belsako <br> Modérateur</span></a>
<a href="http://aekeva.forumactif.com/u35contact" class="info"><img src="http://data.imagup.com/12/1136631322.jpg" alt="Texte alternatif" /><span>Jana Ravell <br> Modératrice</span></a>
<a href="http://aekeva.forumactif.com/u71contact" class="info"><img src="http://data.imagup.com/12/1136631371.jpg" alt="Texte alternatif" /><span>Miguel Diamondo <br> Modérateur</span></a></table>

</div></td></div></tr></table></center><br><center><table class="bas2"><tr><td class="toppartenaires"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>T</b>op <b>P</b>artenaires :</div></div> <br> <span><marquee behavior="scroll" direction="up" scrollamount="1" height="80"><center><a href="http://fandir.forumgratuit.org/"><img src="http://img847.imageshack.us/img847/5654/fan00ok.png" /></a><a href="http://leseigneurdesanneaux.superforum.fr/"><img src="http://img687.imageshack.us/img687/4231/backtodagordagorath.png" /></a></marquee></span></td><td></td><td class="annuaires"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>A</b>nnuaires :</div></div><br>
<center><a href="http://www.sawen.net/le-monde-d-aekeva-s1310.html"><img src="http://i45.servimg.com/u/f45/14/65/67/60/sawen10.jpg" /></a><br><br><a href="http://www.tourdejeu.net/annu/fichejeu.php?id=9219"><img src="http://i45.servimg.com/u/f45/14/65/67/60/tourde10.jpg" /></a><br><br><a href="http://www.frole-pbf.net/"><img src="http://enaevolare.lostmindy.net/images/frole.jpg" /></a></center</td><td></td><td></td><td></td>
<td class="crédits"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>C</b>rédits :</div></div><br><div style="font-size: -4px;">V.3 Forum & Thème © 2012 <br>
Optimisé pour Chrome, Firefox et Explorer. <br><div align="right"> → <a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/t882-credits">Crédits</a></div></span></div><a href="http://www.xiti.com/xiti.asp?s=484793" title="WebAnalytics" target="_top">
      <script type="text/javascript">
      <!--
      Xt_param = 's=484793&p=page_d_accueil';
      try {Xt_r = top.document.referrer;}
      catch(e) {Xt_r = document.referrer; }
      Xt_h = new Date();
      Xt_i = '<img width="80" height="15" border="0" alt="" ';
      Xt_i += 'src="http://logv17.xiti.com/g.xiti?'+Xt_param;
      Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
      if(parseFloat(navigator.appVersion)>=4)
      {Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
      document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
      //-->
      </script><noscript>
      Mesure d'audience ROI statistique webanalytics par <img width="80" height="15" src="http://logv17.xiti.com/g.xiti?s=484793&p=page_d_accueil" alt="WebAnalytics" />
      </noscript></a>   
      <br /><img src="http://img32.imageshack.us/img32/5729/csgy88x31.gif" /></td></tr></table></div>
        </div></div></div></td></tr></table></center></center>

Je sais que je devrais utiliser des pages JS mais je ne sais absolument pas comment ça marche.
Merci mille fois à celui qui m'aidera. ♥
Bonne soirée et joyeuses fêtes ! ♫


Dernière édition par Bibouh le Jeu 29 Déc 2011 - 20:41, édité 1 fois

Bibouh
**

Féminin
Messages : 57
Inscrit(e) le : 21/12/2010

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

Résolu Re: Problèmes avec ma page d'accueil.

Message par Gorgorbey le Jeu 29 Déc 2011 - 20:23

Bonjour,

Voilà la base du tableau :
Code:
    <table>
    <tr>
        <td rowspan="2">cellule 1</td>
        <td>cellule simple</td>
        <td>cellule simple</td>
    </tr>
    <tr>
 <td colspan="2">cellule 2</td>
    </tr>
</table>

Cordialement.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Problèmes avec ma page d'accueil.

Message par Bibouh le Jeu 29 Déc 2011 - 20:29

Si je comprends bien, pas besoin d'un deuxième tableau donc ? Wink

Bibouh
**

Féminin
Messages : 57
Inscrit(e) le : 21/12/2010

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

Résolu Re: Problèmes avec ma page d'accueil.

Message par Gorgorbey le Jeu 29 Déc 2011 - 20:30

Absolument pas un seul suffit largement Wink

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Problèmes avec ma page d'accueil.

Message par Bibouh le Jeu 29 Déc 2011 - 20:32

D'accord je vais essayer, je vous dis si cela marche, merci !

Bibouh
**

Féminin
Messages : 57
Inscrit(e) le : 21/12/2010

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

Résolu Re: Problèmes avec ma page d'accueil.

Message par Bibouh le Jeu 29 Déc 2011 - 20:41

/!\ Excusez-moi pour le double post. /!\

Ca m'a l'air plutôt bien, merci beaucoup beaucoup !!! Le problème est résolu. Very Happy

Bibouh
**

Féminin
Messages : 57
Inscrit(e) le : 21/12/2010

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

Résolu Re: Problèmes avec ma page d'accueil.

Message par Final-Blonde le Jeu 29 Déc 2011 - 20:45

Bonsoir,

@Gorgorbey a écrit:Bonjour,

Voilà la base du tableau :
Code:
    <table>
    <tr>
        <td rowspan="2">cellule 1</td>
        <td>cellule simple</td>
        <td>cellule simple</td>
    </tr>
    <tr>
 <td colspan="2">cellule 2</td>
    </tr>
</table>
Je dois te contredire Gorgorbey. Regarde bien, le tableau est en fait composé de 6 cellules (td) et 3 lignes (tr).
La grande cellule regroupe non seulement 3 lignes, mais aussi 3 cellules.
La deuxième deux cellules.
La troisième est simple.
La dernière 3 cellules (elle est de la même largeur que la première) et deux lignes.
Ce qui nous donne :
Code:
<table border="3" cellspacing="1"><tr><td colspan="3" rowspan="3">CELLULE 1</td>
<td colspan="3">CELLULE 2</td>
<td>CELLULE 3</td>
</tr>
<tr><td colspan="3" rowspan="2">CELLULE 4</td>
</tr></table>

@Bibouh a écrit:Si je comprends bien, pas besoin d'un deuxième tableau donc ? Wink
Nope, un seul suffit puisque c'est la fusion des lignes et des colonnes qui structure le tableau.

EDIT : Woups sorry, pas vu que c'était résolu.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde 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