Problème de CSS sur mon panneau d'accueil

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

Résolu Problème de CSS sur mon panneau d'accueil

Message par Mimoldière le Dim 9 Sep 2012 - 14:54

Bonjour bonjour!

Pardonnez moi de vous embêter avec un problème que vous avez sûrement rencontré et réglé une bonne centaine de fois, malheureusement je suis comme un cas désespéré en tout ce qui concerne les codes etc... alors que j'essaie de créer un nouveau message d'accueil à onglets.

Voici son aspect actuel (vous comprendrez de ce fait mon problème) :


et voici mon css:

Code:
.mon_onglet{
  float: left;
  padding: 2px;
  margin-right: 3px;
  margin-bottom: -1px;
  font: Tahoma; Lucida Handwriting; Lucida Sans;
  color: #4682B4;
  background:url('http://img15.hostingpics.net/pics/413373lig.png');
  background-repeat: repeat;
  background: #1C1A1A;
  border: 4px #D6D6D6 double;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  cursor: pointer;
  width: 18%;
  list-style: none;}
   
.mon_onglet_selected{
  padding:2px;
  margin-right: 3px;
  margin-bottom: -1px;
  font: Tahoma; Lucida Handwriting; Lucida Sans;
  color: #4682B4;
  background: #1C1A1A;
  border-top: 4px #D6D6D6 double;
  border-right: 4px #D6D6D6 double;
  border-left: 4px #D6D6D6 double;
  border-bottom: 4px #D6D6D6 double;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  cursor: pointer;
  width: 18%;
  list-style: none;}
 
.mon_onglet:hover{
  background: ;}
       
.clear{
  clear: both;}
 
.mon_contenu{
  width: 850px;
  height: 400px;
  font: Tahoma; Lucida Handwriting; Lucida Sans;
  color: #000;
  background: ;
  border: 4px #D6D6D6 double;
  padding: 10px;
  list-style: none;
 
  #mes_contenus, #mes_onglets
  width: 100%;
  }
 

Je ne sais vraiment pas où j'ai raté mon coup. Mes onglets étaient normalement alignés, j'ai juste rajouté:
Code:
width: 850px;
  height: 400px;
dans "mon contenu" pour m'assurer que tous les contenus d'onglets fassent les mêmes dimentions, et alors paf! des onglets en pagaille, qui déforment tout u.u J'ai du toucher un autre truc sans le voir, je sais pas, je suis paumé.

voici aussi, au cas où, le contenu du message dans Généralités:

Code:
<script src="http://chachamonde.forumgratuit.org/h1-pa"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Bienvenue !</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">News</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Navigation</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Personnages Prédéfinis</li>
        <li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Partenarires/Top Sites</li>
        </ul>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><table><tr><td><div style="border-bottom: solid 1px;">
<font face="Georgia"><span style="font-size: 20px; line-height: normal"><strong><font color="#4682B4">Introduction</font></strong></span></font></div><br><span style="display: block; width: 490px; height: 100px; overflow: auto; float: left; margin-right: 10px; border: 3px solid; padding: 10px;">New Family, New Life.<br><br>Telles sont les promesses du pensionnat de Mandolyn Street, orphelinat pour indésirables. Mais que cache réellement cette imposante bâtisse?
        À vous de le découvrir!<br><br> Ce RPG <u><b><color=#DA70D6>au pairing 17+</color></b></u> est inspiré de la fiction <a href="http://www.fictionpress.com/s/2415229/1/Le_Journal_de_bMandolyn_b_bStreet_b" class="postlink" target="_blank" rel="nofollow"><u>Le Journal de Mandolyn Street</u></a> de l'auteur <a href="http://www.fictionpress.com/u/581954/Mimoldiere" class="postlink" target="_blank" rel="nofollow"><b>Mimoldière</b></a>
</span></br><div style="border-bottom: solid 1px; clear: both;">
<font face="Georgia"><span style="font-size: 20px; line-height: normal"><strong><font color="#4682B4"><br>Quelques règles</font></strong></span></font></div><br><span style="display: block; width: 490px; height: 100px; overflow: auto; float: left; margin-right: 10px; border: 3px solid; padding: 10px;"><font color="#4683B5">ANNONCE: A partir de maintenant les pensionnaires souffrant de dédoublement de la personnalité ne sont plus admis!</font>


Afin de respecter l’intrigue et le jeu, petite piqûre de rappel:<br><br>
      <font color="#4683B5">♥</font> L’action se déroule en Angleterre, de nos jours: merci de choisir principalement des noms d’origine européenne.<br>
      <font color="#4683B5">♥</font> Les pensionnaires n’ont pas de nom de famille du tout! Par défaut, ils prennent en entrant à l’orphelinat celui de la directrice: Benclarck.<br>
      <font color="#4683B5">♥</font> Toujours pour les pensionnaires, je rappelle que vos avatars, masculins comme féminins, doivent avoir les cheveux mi-longs ou longs! Ceci n’est pas facultatif! Si votre personnage pensionnaire entre ici avec les cheveux courts, soyez assuré que ça ne durera pas donc adaptez votre avatar en fonction!</span></td><td><center><div style="width : 310px ; height : 10px ; margin-left: 10px; margin-right: 10px; padding-top: 10px; padding-bottom: 15px; font-family: Georgia; text-align :center; border-top: 1px solid #DDDEEB; border-bottom: 1px solid #DDDEEB; border-right: 4px solid #DDDEEB; border-left: 4px solid #DDDEEB;">VOTRE STAFF ADORE</div><br><div style="border: 1px solid #DDDEEB; height: 290px; width: 290px; background-color:#EDEDED; padding: 10px; border-radius: 0px 0px 0px 0px; margin-left: -5px;text-align:justify;"><div style="margin:auto;text-align:center;width:100%">EN CHANTiER</div><span><table><tbody><tr><td></td></tr></table></div>
</center><br></table></div>
    <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
    <div id="co_3" class="mon_contenu" style="display: none;"><table align="left"; border= 2px black><td class="ContenuPA" id="comments_scroll_div" align="left"><iframe name="ifr" style="width: 200px; height: 400px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe></td></table></div>
    <div id="co_4" class="mon_contenu" style="display: none;"><div style="margin:auto;text-align:center;width:100%"><div style="width: 800px; font-family: Georgia; margin: 10px; padding: 10px;"><div style="color: #4682B4; border-bottom: #4682B4 2px solid; letter-spacing: 4px; word-spacing: 2px; text-align: center; font-size: 20px; line-height: 15px; line-width: 210px;">Personnages Prédéfinis</div><img src="http://i43.servimg.com/u/f43/14/53/83/16/qui10.jpg" border="0" alt="" /> <a href="http://mandolyn-street.jdrforum.com/t225-liste-des-predefinis#1431" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/385179141954thomassucrette.png" border="0" alt="" /></a> <a href="http://mandolyn-street.jdrforum.com/t225-liste-des-predefinis#1432" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/650791127258cathy2.png" border="0" alt="" /></a> <a href="http://mandolyn-street.jdrforum.com/t225-liste-des-predefinis#1433" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/20410665866960ED.png" border="0" alt="" /></a> <a href="http://mandolyn-street.jdrforum.com/t225-liste-des-predefinis#1918" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/83608340314581DA.png" border="0" alt="" /></a> <a href="http://mandolyn-street.jdrforum.com/t225-liste-des-predefinis#1919" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/784473239484mac.png" border="0" alt="" /></a> <img src="http://i43.servimg.com/u/f43/14/53/83/16/qui10.jpg" border="0" alt="" /></div></div></div>
    <div id="co_5" class="mon_contenu" style="display: none;">Mon contenu 5</div>
</div></div></div>

J'ai besoin d'aide d'urgence!!!
Merci d'avance ^^"

Mimo


Dernière édition par Mimoldière le Lun 10 Sep 2012 - 11:18, édité 2 fois

Mimoldière
Nouveau membre

Féminin
Messages : 2
Inscrit(e) le : 07/05/2006

http://la-couveuse.dynamicbb.com/index.htm
Mimoldière a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de CSS sur mon panneau d'accueil

Message par Mimoldière le Lun 10 Sep 2012 - 10:51

Autant pour moi, j'ai fini par ENFIN trouver la cause du problème:

Dans le contenu des onglets SELECTIONNES j'ai accidentellement supprimé le float:left.
Pardon de vous avoir dérangé, mais en espérant que mon erreur aidera d'autres personnes à ne pas la refaire ^^"

Mimoldière
Nouveau membre

Féminin
Messages : 2
Inscrit(e) le : 07/05/2006

http://la-couveuse.dynamicbb.com/index.htm
Mimoldière 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