Problème avec ma page d'accueil.

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

Résolu Problème avec ma page d'accueil.

Message par Bibouh le Lun 12 Déc 2011 - 20:16

Bonsoir et merci d'avance de se pencher sur mon problème. (:

Je rencontre plusieurs soucis avec ma PA. Premièrement, je ne comprends pas pourquoi sur le 2e onglet, le fond est plus large (image 1). Ensuite, j'aimerais savoir également pourquoi mon image (http://imageshack.us/photo/my-images/824/fdcontexte1.png/) ne s'affiche pas en fond de contexte alors que je pense avoir mis le code qu'il faut.

Spoiler:
image 1 :


Voici les codes :
Code:
<table style="margin: auto;"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">
            <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"> Informations essentielles </span>
                <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Autres</span></td></tr>
        <tr><td>
                <div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu"><center><table><tr><td class="contexte"><div style="background-image: url('http://imageshack.us/photo/my-images/824/fdcontexte1.png');"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><br />
      <b>D</b>ans le monde d'<b>A</b>ekeva, la <b>M</b>agie a été bannie par la <b>S</b>cience.<br/> <br/>
      <b>C</b>ette dernière, incarnée par la <b>R</b>eine, règne d'une main de fer sur son <b>E</b>mpire.<br/><br/>
      <b>M</b>ais dans l'ombre, menée par un mystérieux chef, la <b>M</b>agie s'apprête à revenir ;<br /><br/> <b>D'</b>autant qu'<b>E</b>dfartig, allié incertain, pèse également dans la <b>B</b>alance...<br><br>
      <b>O</b>ù trouverez-vous votre place ?<br /></div></div></div><div align="right"><a style="text-shadow: 1px 1px 2px #ffffff;"">• En lire plus ?</a></div>
      </td><div align="right"><td><img src="http://data.imagup.com/12/1134378771.png" ></img></div></td></div></tr></table></center><table><tr><table class="bas"><td class="liens"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>L</b>iens <b>u</b>tiles :</div></div><br><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/t828-livre-du-savoir-absolu">• Règlement du forum.</a></div><br><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/t877-livre-du-savoir-complementaire">• Bien commencer.</a></div><br><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/t1075-liste-personnage-predefinis">• Personnages Prédéfinis.</a></div><br><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/f87-coffre-d-aekeva">• Se plonger dans le monde.</a></div><br><a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/f94-coffre-du-role-player">• Dans les moindres détails.</a></div></td><td></td><td class="nouveautés"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>N</b>ouveautés :</div></div> <br> ../12/11 → Vous ne rêvez pas, un nouveau design ! Pour plus d'infos, cliquez ici.<br><br> ../../11 → infos-du-moment-infos-du-moment-infos-du-moment. <br><br> ../12/11 → Bonnes vacances et joyeuses fêtes à tous ! ♥</td><td></td><td class="topsites"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>T</b>op <b>s</b>ites :</div></div><br>A venir MDR</td></table></tr></table> </div>


            <div id="co_2" class="mon_contenu" style="display: none;"><center><table class="staff"><tr><td><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><br />
      <b>L</b>e staff est composé de 12 <strike>apôtres</strike><br> personnes, toujours prêtes à vous <br>aider et à répondre à vos questions. <br><br><b>C</b>ertaines sont moins disponibles<br> que d'autres mais si jamais vous <br>leur demandez conseil, elles sauront <br>vous guider.<br /><br/>
      </div></td><div align="right"><td>
<a href="http://aekeva.forumactif.com/u3" class="info"><img src="http://data.imagup.com/12/1136631337.jpg" alt="Texte alternatif" /><span>Lywilan Von Loewe <br> Administratrice</span></a>
<a href="http://aekeva.forumactif.com/u38" class="info"><img src="http://data.imagup.com/12/1136631244.jpg" alt="Texte alternatif" /><span>Dita Villeneuve <br> Administratrice</span></a>
<a href="http://aekeva.forumactif.com/u1" class="info"><img src="http://data.imagup.com/11/1136631387.jpg" alt="Texte alternatif" /><span>Tiena Dikafir <br> Administratrice</span></a>
<a href="http://aekeva.forumactif.com/u28" class="info"><img src="http://data.imagup.com/12/1136630711.jpg" alt="Texte alternatif" /><span>Colptha Mae <br> Modératrice Globale</span></a>
<a href="http://aekeva.forumactif.com/u49" class="info"><img src="http://data.imagup.com/12/1136631399.jpg" alt="Texte alternatif" /><span>Violenna Van Velde <br> Modératrice Globale</span></a>
<a href="http://aekeva.forumactif.com/u178" class="info"><img src="http://data.imagup.com/10/1136631411.jpg" alt="Texte alternatif" /><span>Ysandre Montfleury <br> Modératrice</span></a><br>
<a href="http://aekeva.forumactif.com/u53" class="info"><img src="http://data.imagup.com/10/1136631216.jpg" alt="Texte alternatif" /><span>Cirith Helgrind <br> Modérateur</span></a>
<a href="http://aekeva.forumactif.com/u156" class="info"><img src="http://data.imagup.com/10/1136631231.jpg" alt="Texte alternatif" /><span>Cray Walmir <br> Modérateur</span></a>
<a href="http://aekeva.forumactif.com/u151" class="info"><img src="http://data.imagup.com/11/1136631164.jpg" alt="Texte alternatif" /><span>Altanos Liadon <br> Modérateur</span></a>
<a href="http://aekeva.forumactif.com/u54" class="info"><img src="http://data.imagup.com/10/1136631308.jpg" alt="Texte alternatif" /><span>Gauvain Belsako <br> Modérateur</span></a>
<a href="http://aekeva.forumactif.com/u35" class="info"><img src="http://data.imagup.com/12/1136631322.jpg" alt="Texte alternatif" /><span>Jana Ravell <br> Modératrice</span></a>
<a href="http://aekeva.forumactif.com/u71" class="info"><img src="http://data.imagup.com/12/1136631371.jpg" alt="What's ?" /><span>Miguel Diamondo <br> Modérateur</span></a>

</div></td></div></tr></table></center><br><center><table class="bas2"><tr><td class="toppartenaires"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>T</b>op <b>P</b>artenaires :</div></div> <br> <span><marquee behavior="scroll" direction="up" scrollamount="1" height="80"><center><a href="http://fandir.forumgratuit.org/"><img src="http://img847.imageshack.us/img847/5654/fan00ok.png" /></a><a href="http://leseigneurdesanneaux.superforum.fr/"><img src="http://img687.imageshack.us/img687/4231/backtodagordagorath.png" /></a></marquee></span></td><td></td><td class="annuaires"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>A</b>nnuaires :</div></div><br>
<center><a href="http://www.sawen.net/le-monde-d-aekeva-s1310.html"><img src="http://i45.servimg.com/u/f45/14/65/67/60/sawen10.jpg" /></a><br><br><a href="http://www.tourdejeu.net/annu/fichejeu.php?id=9219"><img src="http://i45.servimg.com/u/f45/14/65/67/60/tourde10.jpg" /></a><br><br><a href="http://www.frole-pbf.net/"><img src="http://enaevolare.lostmindy.net/images/frole.jpg" /></a></center</td><td></td><td></td><td></td>
<td class="crédits"><div style="font-size: 15px;"><div style="text-shadow: 1px 1px 2px #ffffff;"><b>C</b>rédits :</div></div><br><div style="font-size: -4px;">V.3 Forum & Thème © 2012 <br>
Optimisé pour Chrome, Firefox et Explorer. <br><div align="right"> → <a style="text-shadow: 1px 1px 2px #ffffff;" href="http://aekeva.forumactif.com/t882-credits">Crédits</a></div></span></div><a href="http://www.xiti.com/xiti.asp?s=484793" title="WebAnalytics" target="_top">
      <script type="text/javascript">
      <!--
      Xt_param = 's=484793&p=page_d_accueil';
      try {Xt_r = top.document.referrer;}
      catch(e) {Xt_r = document.referrer; }
      Xt_h = new Date();
      Xt_i = '<img width="80" height="15" border="0" alt="" ';
      Xt_i += 'src="http://logv17.xiti.com/g.xiti?'+Xt_param;
      Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
      if(parseFloat(navigator.appVersion)>=4)
      {Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
      document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
      //-->
      </script><noscript>
      Mesure d'audience ROI statistique webanalytics par <img width="80" height="15" src="http://logv17.xiti.com/g.xiti?s=484793&p=page_d_accueil" alt="WebAnalytics" />
      </noscript></a>   
      <br /><img src="http://img32.imageshack.us/img32/5729/csgy88x31.gif" /></td></tr></table></div>
        </div></div></div></td></tr></table></center>
Code:
body {
background-repeat: no-repeat;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000000;
  background: #D6D1BA;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
  border: 1px solid #000;
  cursor: pointer;
  margin-bottom: -1px;
  list-style: none;}
     
.mon_onglet:hover{
  background: #B5AD9A;
}         
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000000;
  background: #D6D1BA;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  cursor: pointer;
  margin-bottom: -1px;
  list-style: none;}           
.clear{
  clear: both;
}
.mon_contenu{
  color: #000000;
  background: #D6D1BA;
  border: 1px solid #000000;
  padding: 10px; 
  line-height: normal;
  font-size: 11px;}
#mes_contenus, #mes_onglets{
  width: 750px;
  margin: auto;}

a.info {
position:relative;
z-index:24;
color:#000000;
text-decoration:none
}
 
a.info:hover {
z-index:25;
background-color:#FFFFFF
}
 
a.info span {
display: none
}
 
a.info:hover span {
display:block;
position:absolute;
top:0em;
left:0em;
width:10em;
border:1px solid #000000;
background-color:#B5AD9A;
color:#000000;
font-weight:none;
padding:5px;
}

.contexte{
vertical-align: top;
height: 200px;
width: 700px;
-moz-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
-khtml-box-shadow: 0px 0px 4px #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border: 1px solid #000000;
background-color:#D6D1BA;;
text-align: center;}

.nouveautés{
vertical-align: top;
height: 105px;
width: 460px;
  border-right: 1px solid #000000;
background-color:#D6D1BA;;
text-align: left;}

.liens{
vertical-align: top;
height: 105px;
width: 160px;
  border-right: 1px solid #000000;
background-color:#D6D1BA;;
text-align: left;}

.topsites{
vertical-align: top;
height: 105px;
width: 90px;
background-color:#D6D1BA;;
text-align: left;}

.bas{
vertical-align: top;
height: 105px;
width: 720px;
-webkit-box-shadow: 0px 0px 4px #000000;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
background-color:#D6D1BA;;
text-align: left;}

.staff{
vertical-align: top;
height: 200px;
font-size:13px;
width: 650px;
-moz-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
-khtml-box-shadow: 0px 0px 4px #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border: 1px solid #000000;
background-color:#D6D1BA;;
text-align: center;}

.toppartenaires{
vertical-align: top;
height: 105px;
width: 120px;
  border-right: 1px solid #000000;
background-color:#D6D1BA;;
text-align: left;}

.annuaires{
vertical-align: top;
height: 105px;
width: 90px;
  border-right: 1px solid #000000;
background-color:#D6D1BA;;
text-align: left;}

.crédits{
vertical-align: top;
height: 105px;
width: 110px;
background-color:#D6D1BA;;
text-align: left;}

.bas2{
vertical-align: top;
height: 105px;
width: 660px;
-webkit-box-shadow: 0px 0px 4px #000000;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
background-color:#D6D1BA;;
text-align: left;}

Encore merci d'avance, je sais que ce que je demande n'est pas forcément clair et n'hésitez pas à me demander plus de précisions ! Bonne soirée !


Dernière édition par Bibouh le Lun 12 Déc 2011 - 20:50, édité 1 fois

Bibouh
**

Féminin
Messages : 57
Inscrit(e) le : 21/12/2010

http://aekeva.forumactif.com/
Bibouh a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec ma page d'accueil.

Message par Katsu le Lun 12 Déc 2011 - 20:26

Bonjour !
Pour le deuxième problème, celui de l'image contexte, mettez plutôt ce lien ci:
http://img824.imageshack.us/img824/4962/fdcontexte1.png

Si j'arrive à régler le premier je vous préviens !

Edit: Je pense avoir trouvé j'ai juste modifié ceci:

Code:
<div id="co_2" class="mon_contenu" style="display: none; width: 660px">

En espérant que ça réglera votre problème !


Dernière édition par Katsu le Lun 12 Déc 2011 - 20:34, édité 1 fois

Katsu
**

Masculin
Messages : 51
Inscrit(e) le : 13/08/2011

http://multimanga.forumactif.fr/
Katsu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma page d'accueil.

Message par Final-Blonde le Lun 12 Déc 2011 - 20:32

Bonsoir,

Ce n'est pas très lisible sur tes images, donc déjà, le lien du forum en question ne serait pas du luxe pour bien se rendre compte du problème.

Ensuite, pourquoi mettre le JS dans le message d'accueil alors qu'il y a les pages de gestion des scripts dans le
PA >> Modules >> HTML & JAVASCRIPT > Gestion des codes Javascript

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma page d'accueil.

Message par Bibouh le Lun 12 Déc 2011 - 20:42

Katsu, merci beaucoup, ça marche pour les deux. Smile
Pouvez-vous me dire d'où avez vous sorti cet url ? Que je sache le refaire. *-*

Final-Blonde, je suis désolée de la qualité mais le lien du forum ne changera, rien n'est visible pour les non-administrateurs comme il s'agit d'un forum test. :S
Et je n'ai aucune notion sur le JS alors je case tout comme je peux. Wink

Bibouh
**

Féminin
Messages : 57
Inscrit(e) le : 21/12/2010

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

Résolu Re: Problème avec ma page d'accueil.

Message par Katsu le Lun 12 Déc 2011 - 20:45

Si tu es sur firefox tu vas sur le lien http://imageshack.us/photo/my-images/824/fdcontexte1.png/
Tu fais clique droit et afficher l'image, et dans la barre d'adresse tu aura le bon lien ^^ (Je pense que c'est la même chose pour IE)

Voilà ! Au plaisir ^^

Edit: Sur IE tu fais clique droit et propriété, et la il y aura le lien que tu pourras copier et coller par la suite Smile

Katsu
**

Masculin
Messages : 51
Inscrit(e) le : 13/08/2011

http://multimanga.forumactif.fr/
Katsu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma page d'accueil.

Message par Bibouh le Lun 12 Déc 2011 - 20:49

Merci beaucoup ! Very Happy

Bibouh
**

Féminin
Messages : 57
Inscrit(e) le : 21/12/2010

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

Résolu Re: Problème avec ma page d'accueil.

Message par Final-Blonde le Lun 12 Déc 2011 - 20:59

@Bibouh a écrit:Et je n'ai aucune notion sur le JS alors je case tout comme je peux. Wink
Rien à avoir avec s'y connaitre ou non en js^^
C'est juste que alourdir ton forum avec des JS dans le HTML alors qu'il existe des pages de gestion des scripts ça n'est pas dans l'intérêt de la navigation pour tes membres, tes invités et pour la tienne.

C'est pourquoi je t'indique où ça se trouve.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde 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