Page d'accueil à onglets

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

Résolu Page d'accueil à onglets

Message par Mysterack le Mer 10 Aoû 2011 - 12:11

    Bonjour à vous qui allez me lire,

    Je viens exposer mon petit souci de page d'accueil à onglets. J'ai suivi ce tutoriel afin de faire ma P.A mais voilà le problème.
    Lorsque je souhaite installer un tableau afin de mettre deux choses à côté, le tableau sort en dehors de la page d'accueil... Etant très peu douée en explications, je vais vous montrer en screen.

    Spoiler:

    Comme vous pouvez le constater, c'est véritablement gênant et pas esthétique du tout. Ce que je voudrais réussir à faire, c'est ceci :

    Spoiler:

    Voici donc ma page d'accueil en code...

    Code:
     <DIV align=center><IMG src="http://img11.hostingpics.net/pics/266043PANekoZoku03.png">  </DIV>
        <script src="http://sd-5.archive-host.com/membres/up/86411517957321821/onglet.js"></script></script><div id="mes_onglets">
            <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil and Staff</li>
                <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">New's de Neko Zoku</li>
                <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Les p'tits chanceux</li>
                <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">La célébrité</li>
                <div class="clear"><div id="mes_contenus">
            <div id="co_1" class="mon_contenu"><TD style="TEXT-ALIGN: center; BORDER-RIGHT: rgb(0,0,0)" width="25%"><FONT face=Georgia><STRONG><FONT color=white>C</FONT></STRONG><FONT color=white face="Century Gothic">o <FONT face=Georgia><STRONG>A</STRONG></FONT>dmin<BR></FONT></FONT><A class=infobulle href="#"><IMG src="http://img11.hostingpics.net/pics/7522546189033.png"> <SPAN><IMG src="http://img11.hostingpics.net/pics/7522546189033.png"><BR><I>Leo Daemon</I><BR>Co-admin<BR><DIV><A class=postlink href="http://neko-zoku.forumsactifs.com/privmsg?mode=post&amp;u=3" target=_blank>Envoyez un MP</A></DIV></SPAN></A><DIV align=center><FONT face="Century Gothic"><FONT face="Times New Roman"><SPAN style="COLOR: black; mso-ansi-language: EN-GB" lang=EN-GB><SPAN style="COLOR: black; mso-ansi-language: EN-GB" lang=EN-GB><BR><FONT color=white face="Century Gothic"><STRONG><FONT face=Georgia>F</FONT></STRONG>ondateur</FONT><BR><A class=infobulle href="#"><IMG src="http://img11.hostingpics.net/pics/69573661893033.png"> <SPAN><IMG src="http://img11.hostingpics.net/pics/69573661893033.png"><BR><I>Sebastian</I><BR>Fondateur<BR><DIV><A class=postlink href="http://neko-zoku.forumsactifs.com/privmsg?mode=post&amp;u=1" target=_blank>Envoyez un MP</A> </SPAN></SPAN></FONT></FONT></DIV></TD>
    <TD style="TEXT-ALIGN: center; BORDER-RIGHT: rgb(0,0,0)" width="25%"><left><table><td><div style="border-top:6px double grey; width: 400px; height: 110px;background-color: #663352;overflow: auto;"><div style=" padding:5px; font-family: Georgia;text-align:justify;font-size:11px;-moz-border-radius: 10px; line-height:13px;"><div align="justify"><div style="margin:auto;text-align:center;width:100%">✖ My Beautiful History</div>
    <BR>
    Neko zoku est une grande ville située en fin fond du Pays Basque français. A l’origine petite bourgade sans importance, elle devint célèbre pour avoir été le lieu où fut recensé pour la première fois l’existence d’Homo Sapiens Fellini, aussi connu sous le nom de Neko. Cette ville a vécu au cœur d’évènements internationaux, et est désormais riche et influente, source de grande prospérité… et de vices noirs. Car ce lieu pittoresque est aussi au cœur de l’exploitation la plus vile de cette nouvelle espèce, et ce, de toutes les manières… Aujourd’hui, avec l’accalmie des remous politique de par le monde, l’attention reviens sur elle, et ses noirs secret ne sont plus aussi bien cachés qu’avant. Il ne tient qu’à vous de décider ce qui restera à jamais dans l’ombre ou la lumière, et de déterminer le sort des Neko, pour la liberté… ou votre intérêt personnel…</td></table></left> </DIV></SPAN></A></TD></TD>
     </div>
            <div id="co_2" class="mon_contenu" style="display: none;">New's de Neko Zoku</div>
            <div id="co_3" class="mon_contenu" style="display: none;">Les partenaires privilégiés</div>
            <div id="co_4" class="mon_contenu" style="display: none;">Pour nous rendre célèbre</div>
        </div></ul>

    Merci d'avance pour votre aide et votre patience !


Dernière édition par Mysterack le Mer 10 Aoû 2011 - 14:38, édité 1 fois

Mysterack
*

Masculin
Messages : 32
Inscrit(e) le : 03/06/2011

http://junk-land.forumactif.org/
Mysterack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil à onglets

Message par Hell-eonore le Mer 10 Aoû 2011 - 13:43

Bonjour,
votre problème venait effectivement de votre tableau, vous avez mis des <td> et <table> partout,
je pense vous l'avoir corriger, essayez ça:

Code:
 <DIV align=center><IMG src="http://img11.hostingpics.net/pics/266043PANekoZoku03.png">  </DIV>
    <script src="http://sd-5.archive-host.com/membres/up/86411517957321821/onglet.js"></script></script><div id="mes_onglets">

        <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil and Staff</li>
            <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">New's de Neko Zoku</li>
            <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Les p'tits chanceux</li>
            <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">La célébrité</li>

  <div class="clear"><div id="mes_contenus">
        <div id="co_1" class="mon_contenu">


<table><tr><td style="TEXT-ALIGN: center; BORDER-RIGHT: rgb(0,0,0)" width="25%"><FONT face=Georgia><STRONG><FONT color=white>C</FONT></STRONG><FONT color=white face="Century Gothic">o <FONT face=Georgia><STRONG>A</STRONG></FONT>dmin<BR></FONT></FONT><A class=infobulle href="#"><IMG src="http://img11.hostingpics.net/pics/7522546189033.png"> <SPAN><IMG src="http://img11.hostingpics.net/pics/7522546189033.png"><BR><I>Leo Daemon</I><BR>Co-admin<BR><DIV><A class=postlink href="http://neko-zoku.forumsactifs.com/privmsg?mode=post&amp;u=3" target=_blank>Envoyez un MP</A></DIV></SPAN></A><DIV align=center><FONT face="Century Gothic"><FONT face="Times New Roman"><SPAN style="COLOR: black; mso-ansi-language: EN-GB" lang=EN-GB><SPAN style="COLOR: black; mso-ansi-language: EN-GB" lang=EN-GB><BR><FONT color=white face="Century Gothic"><STRONG><FONT face=Georgia>F</FONT></STRONG>ondateur</FONT><BR><A class=infobulle href="#"><IMG src="http://img11.hostingpics.net/pics/69573661893033.png"> <SPAN><IMG src="http://img11.hostingpics.net/pics/69573661893033.png"><BR><I>Sebastian</I><BR>Fondateur<BR><DIV><A class=postlink href="http://neko-zoku.forumsactifs.com/privmsg?mode=post&amp;u=1" target=_blank>Envoyez un MP</A> </SPAN></SPAN></FONT></FONT></DIV></td>
<td style="TEXT-ALIGN: center; BORDER-RIGHT: rgb(0,0,0)" width="25%"><left><div style="border-top:6px double grey; width: 400px; height: 110px;background-color: #663352;overflow: auto;"><div style=" padding:5px; font-family: Georgia;text-align:justify;font-size:11px;-moz-border-radius: 10px; line-height:13px;"><div align="justify"><div style="margin:auto;text-align:center;width:100%">✖ My Beautiful History</div>
<BR>
Neko zoku est une grande ville située en fin fond du Pays Basque français. A l’origine petite bourgade sans importance, elle devint célèbre pour avoir été le lieu où fut recensé pour la première fois l’existence d’Homo Sapiens Fellini, aussi connu sous le nom de Neko. Cette ville a vécu au cœur d’évènements internationaux, et est désormais riche et influente, source de grande prospérité… et de vices noirs. Car ce lieu pittoresque est aussi au cœur de l’exploitation la plus vile de cette nouvelle espèce, et ce, de toutes les manières… Aujourd’hui, avec l’accalmie des remous politique de par le monde, l’attention reviens sur elle, et ses noirs secret ne sont plus aussi bien cachés qu’avant. Il ne tient qu’à vous de décider ce qui restera à jamais dans l’ombre ou la lumière, et de déterminer le sort des Neko, pour la liberté… ou votre intérêt personnel…</left> </DIV></SPAN></A></td></tr></table>

 </div>

        <div id="co_2" class="mon_contenu" style="display: none;">New's de Neko Zoku</div>
        <div id="co_3" class="mon_contenu" style="display: none;">Les partenaires privilégiés</div>
        <div id="co_4" class="mon_contenu" style="display: none;">Pour nous rendre célèbre</div>
    </div></ul></div>

 

Cordialement Smile

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil à onglets

Message par Mysterack le Mer 10 Aoû 2011 - 14:38

    Dieu existe \o/ !

    Merci beaucoup, beaucoup, beaucoup.
    Je savais que je devais supprimer des choses mais quoi... Merci encore Hell - Eonore !

Mysterack
*

Masculin
Messages : 32
Inscrit(e) le : 03/06/2011

http://junk-land.forumactif.org/
Mysterack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil à onglets

Message par Hell-eonore le Mer 10 Aoû 2011 - 14:53

Y'a pas de problème Smile
Beau forum au passage Wink

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore 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