Page d'accueil mal alignée

[Bowser Jr]

Bonjour,

Sur ma page d'accueil, j'ai un script qui donne des onglets, sauf que ce script laisse une grosse marge à gauche et n'est donc pas centré. j'ai déjà essayé de le centrer, mais je n'y arrive pas. Voici le code CSS et le script :

Le CSS :

Code:


ul, li{
  list-style: none;
}

.mon_onglet{
  display: inline;
  padding: 2px;
  margin: 6px;
  color: #ffffff;
  background: #194D8C;
  border: 2.5px solid #d6d6d6;
  cursor: cross;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  }

.mon_onglet:hover{
  background: #18678C;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  }
       
.mon_onglet_selected{
  display: inline;
  padding: 2px;
  margin: 6px;
  color: #ffffff;
  background: #194D8C;
  border: 2.5px solid #d6d6d6;
  cursor: cross;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
 
}         

.clear {
  clear: both;
}

.mon_contenu {
  color: #ffffff;
  background: #194D8C;
  border: 2.5px solid #d6d6d6;
  padding: 10px;
  margin-top: 6px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  }

#mes_contenus, #mes_onglets{
  width: 100%;
}


Et le script :

Code:


<script src="http://help-zone.actifforum.com/h1-pa"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);">Accueil</li>
        <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">Partenaires</li>
        <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">Actualité du Forum</li>
        <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">Liens Utiles</li>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><img src="http://i73.servimg.com/u/f73/14/13/85/44/help-z10.jpg" border="0" alt="" /><div><strong>Help Zone</strong> est un forum d'entraide et de graphisme créer le 30 janvier 2011 par le fondateur Web Master. Ce forum est un forum spécialisé dans la création de tutoriels, l'aide aux web masters et la création graphique.</div><div><strong>{USER&amp;#8288;NAME}</strong>, un problème, une question, une suggestion...n'hésitez pas à nous en faire part, on résoudra votre problème dans cette section : <a href="http://help-zone.actifforum.com/f10-problemes-divers?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">Problèmes divers</a></div></div>
    <div id="co_2" class="mon_contenu" style="display: none;"><img src="http://www.dzvet.net/forum/images/emp.png" border="0" alt="" /><div>On recherche des partenaires. Si tu est intéressés <strong>{USER&amp;#8288;NAME}</strong> pour un partenariat; fait-le nous savoir <a href="http://help-zone.actifforum.com/t13-fiche-de-demande-de-partenariat?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">ici</a>. Nous acceptons tout type de forum (sauf ceux contraires à la CGU) alors n'hésite pas à tenter ta chance auprès de notre forum.</div></div>
    <div id="co_3" class="mon_contenu" style="display: none;"><img src="http://www.atclim.com/wp-content/themes/default/images/icone-actualite.png" border="0" alt="" /><div>La nouveauté du moment :
Un site dérivé du forum fais son apparition, vous pouvez y accéder par le lien <a href="http://www.helpzone.webself.net/" class="postlink" target="_blank" rel="nofollow">http://www.helpzone.webself.net</a>. Je précise également que c'est un site éphémère, qui ne durera pas car il s'agit d'une démo et que pour faire continuer le site, il faut payer tout les mois.</div><div>Autre nouveauté :<i> la barre d'avertissement</i>. Au bout de 4 avertissements, vous serez bannis du forum pour une durée déterminé par le STAFF.</div></div>
    <div id="co_4" class="mon_contenu" style="display: none;"><div><img src="http://www.asso-afda.fr/local/cache-vignettes/L48xH48/lien_internet-6b4f0.png" border="0" alt="" /></div><div><a href="http://help-zone.actifforum.com/f8-tutoriels?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">Tutoriels du Forum</a></div><div>
<a href="http://help-zone.actifforum.com/f10-problemes-divers?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">Vos différents problèmes</a></div><div><a href="http://help-zone.actifforum.com/f9-graphisme?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">Commande Graphique</a></div><div><a href="http://help-zone.actifforum.com/f7-coin-des-invites?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">Coin des Invités</a></div></div>
</div></ul>


Voici également le lien de mon forum, pour que vous puissiez constater par vous même le problème : http://help-zone.actifforum.com

[Anzu]

Bonsoir ^^

Le problème venait du script pour votre page d'accueil. Une balise ul était mal fermée.

Code:

    <script src="http://help-zone.actifforum.com/h1-pa"></script><div id="mes_onglets">
        <ul><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);">Accueil</li>
            <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">Partenaires</li>
            <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">Actualité du Forum</li>
            <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">Liens Utiles</li></ul>
            <div class="clear"><div id="mes_contenus">
        <div id="co_1" class="mon_contenu"><img src="http://i73.servimg.com/u/f73/14/13/85/44/help-z10.jpg" border="0" alt="" /><div><strong>Help Zone</strong> est un forum d'entraide et de graphisme créer le 30 janvier 2011 par le fondateur Web Master. Ce forum est un forum spécialisé dans la création de tutoriels, l'aide aux web masters et la création graphique.</div><div><strong>{USER&amp;#8288;NAME}</strong>, un problème, une question, une suggestion...n'hésitez pas à nous en faire part, on résoudra votre problème dans cette section : <a href="http://help-zone.actifforum.com/f10-problemes-divers?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">Problèmes divers</a></div></div>
        <div id="co_2" class="mon_contenu" style="display: none;"><img src="http://www.dzvet.net/forum/images/emp.png" border="0" alt="" /><div>On recherche des partenaires. Si tu est intéressés <strong>{USER&amp;#8288;NAME}</strong> pour un partenariat; fait-le nous savoir <a href="http://help-zone.actifforum.com/t13-fiche-de-demande-de-partenariat?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">ici</a>. Nous acceptons tout type de forum (sauf ceux contraires à la CGU) alors n'hésite pas à tenter ta chance auprès de notre forum.</div></div>
        <div id="co_3" class="mon_contenu" style="display: none;"><img src="http://www.atclim.com/wp-content/themes/default/images/icone-actualite.png" border="0" alt="" /><div>La nouveauté du moment :
    Un site dérivé du forum fais son apparition, vous pouvez y accéder par le lien <a href="http://www.helpzone.webself.net/" class="postlink" target="_blank" rel="nofollow">http://www.helpzone.webself.net</a>. Je précise également que c'est un site éphémère, qui ne durera pas car il s'agit d'une démo et que pour faire continuer le site, il faut payer tout les mois.</div><div>Autre nouveauté :<i> la barre d'avertissement</i>. Au bout de 4 avertissements, vous serez bannis du forum pour une durée déterminé par le STAFF.</div></div>
        <div id="co_4" class="mon_contenu" style="display: none;"><div><img src="http://www.asso-afda.fr/local/cache-vignettes/L48xH48/lien_internet-6b4f0.png" border="0" alt="" /></div><div><a href="http://help-zone.actifforum.com/f8-tutoriels?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">Tutoriels du Forum</a></div><div>
    <a href="http://help-zone.actifforum.com/f10-problemes-divers?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">Vos différents problèmes</a></div><div><a href="http://help-zone.actifforum.com/f9-graphisme?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">Commande Graphique</a></div><div><a href="http://help-zone.actifforum.com/f7-coin-des-invites?sid=2fd439ef4e25dd01f9595f11c134f8be" class="postlink">Coin des Invités</a></div></div>
    </div></ul>


Cordialement.

[Bowser Jr]

Merci beaucoup !