Mini problème sur ma page d'accueil.

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

Résolu Mini problème sur ma page d'accueil.

Message par Framboise' le Mar 9 Aoû 2011 - 15:17


Bonjour. Je ne suis pas très forte en codage, donc je n'arrive pas à résoudre un problème pourtant tout simple.
J'ai fait ma PA, & quelques images font des siennes ; elles sont "décollées" & ça "dé-centre" les autres images de la PA.

Capture d'écran :

Spoiler:

Est ce qu'il y a un code ou quelque chose à mettre pour remédier à ça ? Merci!

Framboise'
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 06/06/2010

http://endless-destiny.graphforum.com/
Framboise' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mini problème sur ma page d'accueil.

Message par Invité le Mar 9 Aoû 2011 - 16:10

Bonjour,

Pourriez-vous nous donner le code que vous avez utilisé pour votre page d'accueil? Difficile de deviner d'ou vient le soucis sur votre image.

Cordialement.

Invité
Invité


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

Résolu Re: Mini problème sur ma page d'accueil.

Message par Framboise' le Mar 9 Aoû 2011 - 16:49

Le voici ~

Code:
<table><center><a href="http://img64.imageshack.us/img64/934/sansre1ff.png"><img src="http://img64.imageshack.us/img64/934/sansre1ff.png" alt="Sans titre-1.psd"/></a></center>



<script>function changeOnglet(_this){
    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('span');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mon_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'mon_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }   
}</script>




<center><tr><td><div id="mes_onglets">
    <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Staff.</span>
        <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">News & Annonces</span>
        <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Navigation</span>
        <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Les z'amis. ♥</span></div></td>
<td>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><div align="left" style="width:200px;height:100px;overflow:auto;">Holly McKinnon.<br><img src="http://img856.imageshack.us/img856/7104/a0ad00dfa98737488d07b9d.png"><br><a href="http://tenshi-no-yume.forumactif.fr/u1?tid=4f485bfd5862708755b9d93965330d20" class="postlink">Profil | <a href="http://tenshi-no-yume.forumactif.fr/privmsg?mode=post">MP</a></br></div></div>
    <div id="co_2" class="mon_contenu" style="display: none;"><div align="left" style="width:200px;height:100px;overflow:auto;">✿. 08/08/2011 ; <i>Nouvelle PA</i>.
<br>✿. 07/08/2011 ; <i>Ouverture du forum</i>.</br></div></div>
    <div id="co_3" class="mon_contenu" style="display: none;"><div align="left" style="width:200px;height:100px;overflow:auto;">001. <a href="http://tenshi-no-yume.forumactif.fr/t2-reglement-general-de-tny?tid=826c6f4d2ab8d17f6b62a4043bdd87ae" class="postlink">Règlement</a>
<br>002. <a href="http://tenshi-no-yume.forumactif.fr/t1-histoire-contexte?tid=826c6f4d2ab8d17f6b62a4043bdd87ae" class="postlink">Contexte</a></br>
<br>003. <a href="http://tenshi-no-yume.forumactif.fr/f37-fiches-de-personnage?tid=826c6f4d2ab8d17f6b62a4043bdd87ae" class="postlink">Fiches de personnage</a></br>
<br>004. <a href="http://tenshi-no-yume.forumactif.fr/f71-partenariat-be-friends?tid=826c6f4d2ab8d17f6b62a4043bdd87ae" class="postlink">Partenariat</a> <br>005. <a href="http://tenshi-no-yume.forumactif.fr/f74-hey-what-the-fuck?tid=a9bd02277fbbd2d289bb6e5e58ae240d" class="postlink">Prédéfinis</a></div></div>
    <div id="co_4" class="mon_contenu" style="display: none;"><div align="left" style="width:200px;height:100px;overflow:auto;"><a href="http://watashi-no-negai.forum-canada.net/" class="postlink" target="_blank" rel="nofollow"><a href="http://kingdoms-of-heaven.forumactif.info/" class="postlink" target="_blank" rel="nofollow"><img src="http://i53.tinypic.com/119xb8o.png" border="0" alt="" /></a><a href="http://watashi-no-negai.forum-canada.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.servimg.com/u/f42/12/12/88/25/10035_10.jpg" border="0" alt="" /></a></div></div>
</div></div></td>

<td><img src="http://img691.imageshack.us/img691/5538/88643261.png"></td>
</tr>

</center>

<center><tr><td><a href="http://www.root-top.com/topsite/azzare34/in.php?ID=6985" class="postlink" target="_blank" rel="nofollow"><img src="http://img844.imageshack.us/img844/4260/69440674.png" border="0" alt="10" /></a></td> <td><a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=2739" class="postlink" target="_blank" rel="nofollow"><img src="http://img844.imageshack.us/img844/4260/69440674.png" border="0" alt="10" /></a></td> <td><a href="http://www.root-top.com/topsite/9a0z/in.php?ID=844" class="postlink" target="_blank" rel="nofollow"><img src="http://img844.imageshack.us/img844/4260/69440674.png" border="0" alt="10" /></a></td> <td><a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=1343" class="postlink" target="_blank" rel="nofollow"><img src="http://img844.imageshack.us/img844/4260/69440674.png" border="0" alt="10" /></a></td> <td><a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=1443" class="postlink" target="_blank" rel="nofollow"><img src="http://img844.imageshack.us/img844/4260/69440674.png" border="0" alt="10" /></a></td></tr></center>
</table>

Framboise'
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 06/06/2010

http://endless-destiny.graphforum.com/
Framboise' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mini problème sur ma page d'accueil.

Message par Invité le Mar 9 Aoû 2011 - 17:15

J'ai sorti votre première image du tableau et fait un tableau séparé pour les top-site, de cette manière, il se centre et sont groupés.
Code:
<center><a href="http://img64.imageshack.us/img64/934/sansre1ff.png"><img src="http://img64.imageshack.us/img64/934/sansre1ff.png" alt="Sans titre-1.psd"/></a></center>


<table>
<script>function changeOnglet(_this){
    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('span');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mon_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'mon_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }   
}</script>

<center><tr><td><div id="mes_onglets">
    <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Staff.</span>
        <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">News & Annonces</span>
        <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Navigation</span>
        <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Les z'amis. ?</span></div></td>
<td>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><div align="left" style="width:200px;height:100px;overflow:auto;">Holly McKinnon.<br><img src="http://img856.imageshack.us/img856/7104/a0ad00dfa98737488d07b9d.png"><br><a href="http://tenshi-no-yume.forumactif.fr/u1?tid=4f485bfd5862708755b9d93965330d20" class="postlink">Profil | <a href="http://tenshi-no-yume.forumactif.fr/privmsg?mode=post">MP</a></br></div></div>
    <div id="co_2" class="mon_contenu" style="display: none;"><div align="left" style="width:200px;height:100px;overflow:auto;">?. 08/08/2011 ; <i>Nouvelle PA</i>.
<br>?. 07/08/2011 ; <i>Ouverture du forum</i>.</br></div></div>
    <div id="co_3" class="mon_contenu" style="display: none;"><div align="left" style="width:200px;height:100px;overflow:auto;">001. <a href="http://tenshi-no-yume.forumactif.fr/t2-reglement-general-de-tny?tid=826c6f4d2ab8d17f6b62a4043bdd87ae" class="postlink">Règlement</a>
<br>002. <a href="http://tenshi-no-yume.forumactif.fr/t1-histoire-contexte?tid=826c6f4d2ab8d17f6b62a4043bdd87ae" class="postlink">Contexte</a></br>
<br>003. <a href="http://tenshi-no-yume.forumactif.fr/f37-fiches-de-personnage?tid=826c6f4d2ab8d17f6b62a4043bdd87ae" class="postlink">Fiches de personnage</a></br>
<br>004. <a href="http://tenshi-no-yume.forumactif.fr/f71-partenariat-be-friends?tid=826c6f4d2ab8d17f6b62a4043bdd87ae" class="postlink">Partenariat</a> <br>005. <a href="http://tenshi-no-yume.forumactif.fr/f74-hey-what-the-fuck?tid=a9bd02277fbbd2d289bb6e5e58ae240d" class="postlink">Prédéfinis</a></div></div>
    <div id="co_4" class="mon_contenu" style="display: none;"><div align="left" style="width:200px;height:100px;overflow:auto;"><a href="http://watashi-no-negai.forum-canada.net/" class="postlink" target="_blank" rel="nofollow"><a href="http://kingdoms-of-heaven.forumactif.info/" class="postlink" target="_blank" rel="nofollow"><img src="http://i53.tinypic.com/119xb8o.png" border="0" alt="" /></a><a href="http://watashi-no-negai.forum-canada.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.servimg.com/u/f42/12/12/88/25/10035_10.jpg" border="0" alt="" /></a></div></div>
</div></div></td>

<td><img src="http://img691.imageshack.us/img691/5538/88643261.png"></td>
</tr></center></table>



<center><table><tr><td><a href="http://www.root-top.com/topsite/azzare34/in.php?ID=6985" class="postlink" target="_blank" rel="nofollow"><img src="http://img844.imageshack.us/img844/4260/69440674.png" border="0" alt="10" /></a></td> <td><a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=2739" class="postlink" target="_blank" rel="nofollow"><img src="http://img844.imageshack.us/img844/4260/69440674.png" border="0" alt="10" /></a></td> <td><a href="http://www.root-top.com/topsite/9a0z/in.php?ID=844" class="postlink" target="_blank" rel="nofollow"><img src="http://img844.imageshack.us/img844/4260/69440674.png" border="0" alt="10" /></a></td> <td><a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=1343" class="postlink" target="_blank" rel="nofollow"><img src="http://img844.imageshack.us/img844/4260/69440674.png" border="0" alt="10" /></a></td> <td><a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=1443" class="postlink" target="_blank" rel="nofollow"><img src="http://img844.imageshack.us/img844/4260/69440674.png" border="0" alt="10" /></a></td></tr></table></center>
D'autre part, vous pouvez déplacer le code javascript présent dans votre message d'accueil (la partie entre <script> et </script>). Il peut être mis dans Panneau d'admin > modules > gestion des codes Javascript en choisissant "Sur l'index" (retirez les balises <script> et </script> Wink ).

Cordialement

Invité
Invité


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

Résolu Re: Mini problème sur ma page d'accueil.

Message par Framboise' le Mar 9 Aoû 2011 - 20:13

Merci beaucoup c'est parfait! Smile

Framboise'
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 06/06/2010

http://endless-destiny.graphforum.com/
Framboise' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mini problème sur ma page d'accueil.

Message par Invité le Jeu 11 Aoû 2011 - 13:03

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Invité
Invité


Invité 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