Page d'accueil mal alignée

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

Résolu Page d'accueil mal alignée

Message par Bowser Jr le Mar 1 Mar 2011 - 17:15

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


Dernière édition par Bowser Jr le Mar 1 Mar 2011 - 17:34, édité 1 fois

Bowser Jr
***

Masculin
Messages : 137
Inscrit(e) le : 23/01/2011

http://onnedemandequaenrire.forumgratuit.org
Bowser Jr a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d'accueil mal alignée

Message par Anzu le Mar 1 Mar 2011 - 17:29

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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Page d'accueil mal alignée

Message par Bowser Jr le Mar 1 Mar 2011 - 17:34

Merci beaucoup ! Very Happy

Bowser Jr
***

Masculin
Messages : 137
Inscrit(e) le : 23/01/2011

http://onnedemandequaenrire.forumgratuit.org
Bowser Jr 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