CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:  Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| | onglet à droite du contenue (page daccueil) |  |
|  Kyou 
{ Membre }
 Messages : 164
 | Bonsoir, j'aurais besoin de votre aide pour modifier mon tableau d'onglet sur ma page d'accueil, voici les informations demandées pour mieux comprendre mon problème : L'adresse internet de votre forum : http://pk-agency.forumgratuit.org/ L'explication du problème est évidement requise : Le problème c'est que j'aimerais que les onglets (non pas le contenue) ce trouve à droite des contenues justement pour pouvoir y mettre des boutons. Alors je vous passe mon css, java et page d'accueil pour que vous puissiez voir de quoi il s'agit : Le css : - Spoiler:
- Code:
-
/*Onglet*/
.mon_onglet{
display: inline;
padding: 2px;
margin: 2px;
color: #fff;
background: #fff;
border: 1px solid #fff;}
.mon_onglet:hover{
background: #b8efa1;}
.mon_onglet_selected{
display: inline;
padding: 2px;
margin: 2px;
color: #000;
background: #ffff;
border: 1px solid #fff;}
.clear{
clear: both;}
.mon_contenu{
color: #000;
background: #fff;
border: 1px solid #000;
padding: 10px;
margin: 10 px;
height: 250px;
line-height: normal;
font-size: 11px;}
#mes_contenus, #mes_onglets{
height: 100%;
width:100%;}
mon html : - Spoiler:
- Code:
-
<script type="text/javascript" src="http://pk-agency.forumgratuit.org/10897.js"></script><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);"><IMG src=http://img546.imageshack.us/img546/4321/welcomevb.png /></img></span> <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img862.imageshack.us/img862/9158/guidev.png /></span> <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img705.imageshack.us/img705/4261/teamjl.png /></img></span></td></tr> <tr><td> <div class="clear"><div id="mes_contenus"> <div id="co_1" class="mon_contenu"><table><tr><td align="left"><center><tr><td style="width: 170px; border-right: 1px solid black; padding-right: 20px;"> <div style="line-height: 10px;"><img src="http://img811.imageshack.us/img811/6563/bienvenuel.png" class="gradualfader"><div align="justify"><font face="arial">Je te souhaite la bienvenue à Bourg-Trésor. Une île remplit de Pokémons. C'est là que ton aventure commence jeune explorateur. Tu apprendras comment sauver le monde des Pokémons et leurs habitants. Mais encore cela dépend de toi. Tu peux être un simple habitant, comme un explorateur, ou bien le mal en personne.. Dans ce cas la Team Skull est faite pour toi.</font></div></div></div></td><td style="width: 150px; padding-left: 10px;"><div style="line-height: 10px;"><IMG src=http://img696.imageshack.us/img696/3253/sanstitr1.png /></img><br><font face="arial"><div align="justify">Vous avez toujours désiré faire basculer votre vie ? Rêvé de devenir un Pokémon ? De pouvoir évoluer en différentes formes incroyablement magiques ? De posséder toujours plus de pouvoirs et attaques phénoménaux ? Votre rêve va enfin se réaliser : Pokémon Agency est fait pour vous. Rencontrez des milliers de pokémon différents, affrontez-les et devenez le plus puissants de tous ! <a href="http://pk-agency.forumgratuit.org/t6-l-histoire-de-pokemon-agency">A suivre.</a></div></font><br><a href="http://pk-agency.forumgratuit.org/t5-le-guilde-du-debutant#5"><IMG src=http://img687.imageshack.us/img687/8531/guidew.png /></a></div></div></div></td></tr></table></div> <div id="co_2" class="mon_contenu" style="display: none;"><table><tr><td align="left"><center><tr><td style="width: 170px; border-right: 1px solid black; padding-right: 10px;"><div style="line-height: 10px;"><IMG src=http://img521.imageshack.us/img521/1433/sanstre1.png /><br><img src="http://img171.imageshack.us/img171/9922/71995313.png" class="gradualfader"> <img src="http://img35.imageshack.us/img35/8711/36743756.png" class="gradualfader"> <img src="http://img849.imageshack.us/img849/3545/43156547.png" class="gradualfader"><img src="http://img171.imageshack.us/img171/4835/57705406.png" class="gradualfader"><br><IMG src=http://img846.imageshack.us/img846/6538/amisp.png /> <form name="Menuderoulant" method="POST"> <input type="button" onClick="location = document.Menuderoulant.wxlmenu.options [document.Menuderoulant.wxlmenu.selectedIndex].value;"value="Go"> <select name="wxlmenu" size="1"> <option selected="selected"> Nos Partenaires </option> <option value="LIEN1" target="_blank">TEXTE1</option> <option value="LIEN2" target="_blank">TEXTE2</option> </select> </form> </div></div></td><td style="width: 150px; padding-left: 10px;"><div style="line-height: 10px;"><IMG src=http://img40.imageshack.us/img40/7127/nouveautz.png /></img><br><font face="arial"><div align="justify">Vous avez toujours désiré faire basculer votre vie ? Rêvé de devenir un Pokémon ? De pouvoir évoluer en différentes formes incroyablement magiques ? De posséder toujours plus de pouvoirs et attaques phénoménaux ? Votre rêve va enfin se réaliser : Pokémon Agency est fait pour vous. Rencontrez des milliers de pokémon différents, affrontez-les et devenez le plus puissants de tous ! <a href="Adresse ou URL">A suivre.</a><br><a href="http://pk-agency.forumgratuit.org/t1-le-reglement-generale"><IMG src=http://img268.imageshack.us/img268/3296/613.png /></a><a href="http://pk-agency.forumgratuit.org/f11-sagesse-du-maitre"><IMG src=http://img100.imageshack.us/img100/4277/faqmn.png /></a><a href="http://pk-agency.forumgratuit.org/t2-la-liste-des-celebrites-prises"><IMG src=http://img12.imageshack.us/img12/2881/bottin.png /></a><IMG src=http://img248.imageshack.us/img248/9149/wwwzv.png /><IMG src=http://img13.imageshack.us/img13/4154/invitb.png /> </div></font></div></div></div></td></tr></table> <IMG src=http://img141.imageshack.us/img141/7715/pok.png /><br><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /></div> <div id="co_3" class="mon_contenu" style="display: none;"><table><tr><td align="left"><center><tr><td style="width: 170px; border-right: 1px solid black; padding-right: 10px;"><IMG src=http://img542.imageshack.us/img542/6944/sanstitre1lq.png /></img><br><div style="line-height: 10px;"><font face="arial"><div align="justify">La totalité du forum appartient à l'équipe administrative de Pokémon Agency. Alors veuillez à ne pas voler les textes, les images du forum. Le vol est punis par la lois. Celui qui verra une reproduction de P.A sur un autre site que le notre, avertissez de suite le fondateur pour qu'il porte plainte.<br><b>Le design est réalisé par Art-Design. Les images et textes sont de Grodoudou. La page d'accueil de forum forumactif. Et les catégories en onglets de X</b></div></font></div></td><td style="width: 150px; padding-left: 10px;"><div style="line-height: 10px;"><font face="arial"><div align="justify"><IMG src=http://img38.imageshack.us/img38/7558/equipen.png /></img><br><a href="http://pk-agency.forumgratuit.org/u1"><IMG src=http://img443.imageshack.us/img443/5952/sanstitre3godn.png /></img></a> <IMG src=http://img856.imageshack.us/img856/7136/sanstitre2djj.png /></img><br><a href="http://pk-agency.forumgratuit.org/u5"><IMG src=http://img846.imageshack.us/img846/258/gardeju.png /></img></a><a href="http://pk-agency.forumgratuit.org/u8"><IMG src=http://img51.imageshack.us/img51/6233/41542496.png /></img></a><br><a href="http://pk-agency.forumgratuit.org/u6"><IMG src=http://img84.imageshack.us/img84/452/sanstitre3ig.png /></img></a><a href="http://pk-agency.forumgratuit.org/u7"><IMG src=http://img42.imageshack.us/img42/271/pngvm.png /></img></a> </div></div></font></td></tr></table></div> </div></div></div></td></tr></table> <table style="position: fixed; bottom: 60px; left: 0px; z-index: 10000;" cellspacing="0" cellpadding="0"> <tr> <td><iframe src="chatbox/index.forum?" id="chatboxpop" style="height: 300px; width: 700px; display: none;"></iframe></td> <td><img src="http://img192.imageshack.us/img192/2116/ouvrira.png" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://img192.imageshack.us/img192/2116/ouvrira.png')?'block':'none'; this.src=(this.src=='http://img192.imageshack.us/img192/2116/ouvrira.png')?'http://img337.imageshack.us/img337/7424/fermer.png':'http://img192.imageshack.us/img192/2116/ouvrira.png';"/></td> </tr> </table>
mon java : - Spoiler:
- Code:
-
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';
}
}
}
}
merci d'avance de votre aide. | | |
| | | | Orange 
RocketMan
 Messages : 3086
| Bonjour, Il suffit de changer la cellule qui contient les onglets: - Code:
-
<td style="padding-bottom: 4px;" align="center" width="205"><div id="mes_onglets"> <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><IMG src=http://img546.imageshack.us/img546/4321/welcomevb.png /></img></span> <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img862.imageshack.us/img862/9158/guidev.png /></span> <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img705.imageshack.us/img705/4261/teamjl.png /></img></span></td> pour la mettre à la fin de ton tableau, tout en supprimant les lignes de trop (donc un couple < /tr>... < tr>) pour ce résultat (le html): - Code:
-
<script type="text/javascript" src="http://pk-agency.forumgratuit.org/10897.js"></script><table style="margin: auto;"><tr><td> <div class="clear"><div id="mes_contenus"> <div id="co_1" class="mon_contenu"><table><tr><td align="left"><center><tr><td style="width: 170px; border-right: 1px solid black; padding-right: 20px;"> <div style="line-height: 10px;"><img src="http://img811.imageshack.us/img811/6563/bienvenuel.png" class="gradualfader"><div align="justify"><font face="arial">Je te souhaite la bienvenue à Bourg-Trésor. Une île remplit de Pokémons. C'est là que ton aventure commence jeune explorateur. Tu apprendras comment sauver le monde des Pokémons et leurs habitants. Mais encore cela dépend de toi. Tu peux être un simple habitant, comme un explorateur, ou bien le mal en personne.. Dans ce cas la Team Skull est faite pour toi.</font></div></div></div></td><td style="width: 150px; padding-left: 10px;"><div style="line-height: 10px;"><IMG src=http://img696.imageshack.us/img696/3253/sanstitr1.png /></img><br><font face="arial"><div align="justify">Vous avez toujours désiré faire basculer votre vie ? Rêvé de devenir un Pokémon ? De pouvoir évoluer en différentes formes incroyablement magiques ? De posséder toujours plus de pouvoirs et attaques phénoménaux ? Votre rêve va enfin se réaliser : Pokémon Agency est fait pour vous. Rencontrez des milliers de pokémon différents, affrontez-les et devenez le plus puissants de tous ! <a href="http://pk-agency.forumgratuit.org/t6-l-histoire-de-pokemon-agency">A suivre.</a></div></font><br><a href="http://pk-agency.forumgratuit.org/t5-le-guilde-du-debutant#5"><IMG src=http://img687.imageshack.us/img687/8531/guidew.png /></a></div></div></div></td></tr></table></div> <div id="co_2" class="mon_contenu" style="display: none;"><table><tr><td align="left"><center><tr><td style="width: 170px; border-right: 1px solid black; padding-right: 10px;"><div style="line-height: 10px;"><IMG src=http://img521.imageshack.us/img521/1433/sanstre1.png /><br><img src="http://img171.imageshack.us/img171/9922/71995313.png" class="gradualfader"> <img src="http://img35.imageshack.us/img35/8711/36743756.png" class="gradualfader"> <img src="http://img849.imageshack.us/img849/3545/43156547.png" class="gradualfader"><img src="http://img171.imageshack.us/img171/4835/57705406.png" class="gradualfader"><br><IMG src=http://img846.imageshack.us/img846/6538/amisp.png /> <form name="Menuderoulant" method="POST"> <input type="button" onClick="location = document.Menuderoulant.wxlmenu.options [document.Menuderoulant.wxlmenu.selectedIndex].value;"value="Go"> <select name="wxlmenu" size="1"> <option selected="selected"> Nos Partenaires </option> <option value="LIEN1" target="_blank">TEXTE1</option> <option value="LIEN2" target="_blank">TEXTE2</option> </select> </form> </div></div></td><td style="width: 150px; padding-left: 10px;"><div style="line-height: 10px;"><IMG src=http://img40.imageshack.us/img40/7127/nouveautz.png /></img><br><font face="arial"><div align="justify">Vous avez toujours désiré faire basculer votre vie ? Rêvé de devenir un Pokémon ? De pouvoir évoluer en différentes formes incroyablement magiques ? De posséder toujours plus de pouvoirs et attaques phénoménaux ? Votre rêve va enfin se réaliser : Pokémon Agency est fait pour vous. Rencontrez des milliers de pokémon différents, affrontez-les et devenez le plus puissants de tous ! <a href="Adresse ou URL">A suivre.</a><br><a href="http://pk-agency.forumgratuit.org/t1-le-reglement-generale"><IMG src=http://img268.imageshack.us/img268/3296/613.png /></a><a href="http://pk-agency.forumgratuit.org/f11-sagesse-du-maitre"><IMG src=http://img100.imageshack.us/img100/4277/faqmn.png /></a><a href="http://pk-agency.forumgratuit.org/t2-la-liste-des-celebrites-prises"><IMG src=http://img12.imageshack.us/img12/2881/bottin.png /></a><IMG src=http://img248.imageshack.us/img248/9149/wwwzv.png /><IMG src=http://img13.imageshack.us/img13/4154/invitb.png /> </div></font></div></div></div></td></tr></table> <IMG src=http://img141.imageshack.us/img141/7715/pok.png /><br><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /></div> <div id="co_3" class="mon_contenu" style="display: none;"><table><tr><td align="left"><center><tr><td style="width: 170px; border-right: 1px solid black; padding-right: 10px;"><IMG src=http://img542.imageshack.us/img542/6944/sanstitre1lq.png /></img><br><div style="line-height: 10px;"><font face="arial"><div align="justify">La totalité du forum appartient à l'équipe administrative de Pokémon Agency. Alors veuillez à ne pas voler les textes, les images du forum. Le vol est punis par la lois. Celui qui verra une reproduction de P.A sur un autre site que le notre, avertissez de suite le fondateur pour qu'il porte plainte.<br><b>Le design est réalisé par Art-Design. Les images et textes sont de Grodoudou. La page d'accueil de forum forumactif. Et les catégories en onglets de X</b></div></font></div></td><td style="width: 150px; padding-left: 10px;"><div style="line-height: 10px;"><font face="arial"><div align="justify"><IMG src=http://img38.imageshack.us/img38/7558/equipen.png /></img><br><a href="http://pk-agency.forumgratuit.org/u1"><IMG src=http://img443.imageshack.us/img443/5952/sanstitre3godn.png /></img></a> <IMG src=http://img856.imageshack.us/img856/7136/sanstitre2djj.png /></img><br><a href="http://pk-agency.forumgratuit.org/u5"><IMG src=http://img846.imageshack.us/img846/258/gardeju.png /></img></a><a href="http://pk-agency.forumgratuit.org/u8"><IMG src=http://img51.imageshack.us/img51/6233/41542496.png /></img></a><br><a href="http://pk-agency.forumgratuit.org/u6"><IMG src=http://img84.imageshack.us/img84/452/sanstitre3ig.png /></img></a><a href="http://pk-agency.forumgratuit.org/u7"><IMG src=http://img42.imageshack.us/img42/271/pngvm.png /></img></a> </div></div></font></td></tr></table></div> </div></div></div></td> <td style="padding-bottom: 4px;" align="center" width="205"><div id="mes_onglets"> <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><IMG src=http://img546.imageshack.us/img546/4321/welcomevb.png /></img></span> <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img862.imageshack.us/img862/9158/guidev.png /></span> <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img705.imageshack.us/img705/4261/teamjl.png /></img></span></td> </tr></table> <table style="position: fixed; bottom: 60px; left: 0px; z-index: 10000;" cellspacing="0" cellpadding="0"> <tr> <td><iframe src="chatbox/index.forum?" id="chatboxpop" style="height: 300px; width: 700px; display: none;"></iframe></td> <td><img src="http://img192.imageshack.us/img192/2116/ouvrira.png" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://img192.imageshack.us/img192/2116/ouvrira.png')?'block':'none'; this.src=(this.src=='http://img192.imageshack.us/img192/2116/ouvrira.png')?'http://img337.imageshack.us/img337/7424/fermer.png':'http://img192.imageshack.us/img192/2116/ouvrira.png';"/></td> </tr> </table> | | |
| | | | Kyou
{ Membre }
Messages : 164
| Est-ce que tu saurais comment rapprocher l'onglet pour que celui-ci soit contre le contenue : http://seconde-chance.forumgratuit.org/ parce que j'ai beau mettre dans le css de l'onglet "margin-right: 10px" mais ça ne change rien  | | |
| | | | Orange
RocketMan
Messages : 3086
| Hello, Essaie en changeant l'alignement dans cette cellule: - Code:
-
<td style="padding-bottom: 4px;" align="center" width="205"><div id="mes_onglets"> <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><IMG src=http://img546.imageshack.us/img546/4321/welcomevb.png /></img></span> <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img862.imageshack.us/img862/9158/guidev.png /></span> <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img705.imageshack.us/img705/4261/teamjl.png /></img></span></td> Pour ce faire tu n'as qu'à remplacer le align="center" (première ligne) pour un align="left" | | |
| | | | Kyou
{ Membre }
Messages : 164
| d'accord, et j'aurais une dernière petite chose T.T qui a fout casser : Est-ce que tu sais comment remettre margin-top et margin-left dans map-img parce que je galère pour le remettre à sa place à cause de l'erreur de code qui a fait beuger tout. - Code:
-
<img usemap="#page_d_accueil" src="http://s4.noelshack.com/old/up/page1-fef848a837.png" width="700" height="769" margin-top:"230" border="0"><map name="page_d_accueil"> <area shape="rect" coords="32,208,154,240" href="http://seconde-chance.forumgratuit.org/t55-contexte-sauve-une-vie"> <area shape="rect" coords="190,198,347,236" href="http://seconde-chance.forumgratuit.org/t2-reglement-generale"> <area shape="rect" coords="389,187,501,219" href="http://seconde-chance.forumgratuit.org/t6-la-liste-des-celebrites-prises"> <area shape="rect" coords="535,175,738,210" href="http://seconde-chance.forumgratuit.org/f41-foire-aux-questions"></map><div style="margin-left: 270px; margin-top: -435px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 328px; height: 139px; padding: 0px">Personne ne s'est vraiment intéressé aux personnes souffrant d'une maladie incurable ou d'un handicap moteur. Pourtant ils sont comme nous et ont besoin simplement plus d'attention. C'est pour ça que "<b>Seconde Chance</b>" leur ouvre ses portes. Une école spécialisée est adapté pour eux, non seulement ils leurs enseigne, mais ils les aide à réaliser leur rêve.. pour qu'à l'avenir, il ne regrette rien et se donne à fond dans leur lutte contre leur handicap ou maladie. Ferez-vous partie de ce magnifique voyage ? Ou n'êtes-vous qu'un simple voyageur en quête de savoir dans notre vaste univers ?</div></div><table><td><div style="margin-left: 85px; margin-top: 72px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 275px; height: 66px"><b>Le design</b> est réalisé par <b>adrenaline</b> de art-design, <b>la page d'accueil</b> est de <b>Noma Oaklani</b>, <b>le qeel</b> est codé par <b>kikino-sama</b> et <b>nutty.</b> de templatif, <b>le contenue du forum</b> appartient à <b>la Directrice</b>. Nous remercions <b>SeongHae</b> pour l'aide qu'elle nous a apporté au sein du forum.</div></div></td><td><div style="margin-left: 125px; margin-top: 72px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 275px; height: 66px"><b>Ouverture</b> ▬ <b>../../..</b></div></div></td></table> | | |
| | | | Orange
RocketMan
Messages : 3086
| Je suis désolé, j'ai pas vraiment compris l'histoire de margin, mais j'ai retravaillé tes positions... ça devrait marcher: - Code:
-
<img usemap="#page_d_accueil" src="page1-fef848a837.png" width="700" height="769" margin-top:"230" border="0"><map name="page_d_accueil"> <area shape="rect" coords="25,227,153,265" href="http://seconde-chance.forumgratuit.org/t55-contexte-sauve-une-vie"> <area shape="rect" coords="169,218,328,259" href="http://seconde-chance.forumgratuit.org/t2-reglement-generale"> <area shape="rect" coords="346,204,473,244" href="http://seconde-chance.forumgratuit.org/t6-la-liste-des-celebrites-prises"> <area shape="rect" coords="482,193,687,237" href="http://seconde-chance.forumgratuit.org/f41-foire-aux-questions"></map><div style="margin-left: 270px; margin-top: -435px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 328px; height: 139px; padding: 0px">Personne ne s'est vraiment intéressé aux personnes souffrant d'une maladie incurable ou d'un handicap moteur. Pourtant ils sont comme nous et ont besoin simplement plus d'attention. C'est pour ça que "<b>Seconde Chance</b>" leur ouvre ses portes. Une école spécialisée est adapté pour eux, non seulement ils leurs enseigne, mais ils les aide à réaliser leur rêve.. pour qu'à l'avenir, il ne regrette rien et se donne à fond dans leur lutte contre leur handicap ou maladie. Ferez-vous partie de ce magnifique voyage ? Ou n'êtes-vous qu'un simple voyageur en quête de savoir dans notre vaste univers ?</div></div><table><td><div style="margin-left: 85px; margin-top: 72px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 275px; height: 66px"><b>Le design</b> est réalisé par <b>adrenaline</b> de art-design, <b>la page d'accueil</b> est de <b>Noma Oaklani</b>, <b>le qeel</b> est codé par <b>kikino-sama</b> et <b>nutty.</b> de templatif, <b>le contenue du forum</b> appartient à <b>la Directrice</b>. Nous remercions <b>SeongHae</b> pour l'aide qu'elle nous a apporté au sein du forum.</div></div></td><td><div style="margin-left: 125px; margin-top: 72px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 275px; height: 66px"><b>Ouverture</b> ▬ <b>../../..</b></div></div></td></table> | | |
| | | | Kyou
{ Membre }
Messages : 164
| une toute dernière chose (promis après je vais me coucher ;o;)
tu sais comment retirer le cadre des onglets avec la couleur et la bordure o: pour qu'on ne voit que le contenue !
Parce que même si je l'enlève on le voit encore et il bouffe l'image de la pa ;o; | | |
| | | | Orange
RocketMan
Messages : 3086
| Bonjour,
De quel forum parle-t-on ici ? De http://pk-agency.forumgratuit.org/ ou de http://seconde-chance.forumgratuit.org/ ? Dans le dernier cas, je ne vois pas trop de quel cadre nous parlons... celui du contenu (bordure noire et fond blanc) ou celui des boutons pour changer d'onglet (le fond vert) ?
Merci. | | |
| | | | Kyou
{ Membre }
Messages : 164
| Edit : j'ai trouvé d'ou vient le soucie j'avais deux fois le même css, par contre ça ne change rien meme quand je met "left", il n'est pas collé a l'image :
mon forum test ou j'ai essayé : http://test-sd.forumgratuit.org/ | | |
| | | | Orange
RocketMan
Messages : 3086
| Bonjour,
Ok ! Je comprends maintenant de quel forum nous parlons ^^ Désolé, je m'étais un peu perdu dans les liens.
Pourrais-tu me donner le code HTML exact que tu as mis dans la page d'accueil (via le panneau d'administration) de ton forum de test ? Il y a quelque chose de bizzare avec ton tableau... et j'aurais besoin de ta page d'accueil pour savoir où commence et se termine les modifications que tu as effectuées.
(En gros, je me demande pourquoi le tableau forumline ne contient pas un autre tableau qui correspond à ta page d'accueil... tu as retiré le forumline des templates pour le mettre directement en page d'accueil ?) | | |
| | | | Kyou
{ Membre }
Messages : 164
| - Spoiler:
- Code:
-
<script type="text/javascript" src="http://pk-agency.forumgratuit.org/10897.js"></script><table style="margin: auto;"><tr><td> <div class="clear"><div id="mes_contenus"> <div id="co_1" class="mon_contenu"><img usemap="#page_d_accueil" src="http://s4.noelshack.com/old/up/page1-fef848a837.png" width="700px" height="769px" style="margin-top:130px; margin-left: 80px" " border="0"><map name="page_d_accueil"><area shape="rect" coords="32,208,154,240" href="http://seconde-chance.forumgratuit.org/t55-contexte-sauve-une-vie"> <area shape="rect" coords="190,198,347,236" href="http://seconde-chance.forumgratuit.org/t2-reglement-generale"> <area shape="rect" coords="389,187,501,219" href="http://seconde-chance.forumgratuit.org/t6-la-liste-des-celebrites-prises"> <area shape="rect" coords="535,175,738,210" href="http://seconde-chance.forumgratuit.org/f41-foire-aux-questions"></map><div style="margin-left: 287px; margin-top: -483px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 299px; height: 145px; padding: 0px">Personne ne s'est vraiment intéressé aux personnes souffrant d'une maladie incurable ou d'un handicap moteur. Pourtant ils sont comme nous et ont besoin simplement plus d'attention. C'est pour ça que "<b>Seconde Chance</b>" leur ouvre ses portes. Une école spécialisée est adapté pour eux, non seulement ils leurs enseigne, mais ils les aide à réaliser leur rêve.. pour qu'à l'avenir, il ne regrette rien et se donne à fond dans leur lutte contre leur handicap ou maladie. Ferez-vous partie de ce magnifique voyage ? Ou n'êtes-vous qu'un simple voyageur en quête de savoir dans notre vaste univers ?</div></div><table><td><div style="margin-left: 115px; margin-top: 93px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 260px; height: 66px"><b>Le design</b> est réalisé par <b>adrenaline</b> de art-design, <b>la page d'accueil</b> est de <b>Noma Oaklani</b>, <b>le qeel</b> est codé par <b>kikino-sama</b> et <b>nutty.</b> de templatif, <b>le contenue du forum</b> appartient à <b>la Directrice</b>. Nous remercions <b>SeongHae</b> pour l'aide qu'elle nous a apporté au sein du forum.</div></div></td><td><div style="margin-left: 110px; margin-top: 93px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 275px; height: 66px"><b>Ouverture</b> ▬ <b>../../..</b></div></div></td></table></div></td></tr></table></div> <div id="co_2" class="mon_contenu" style="display: none;"><table><tr><td align="left"><center><tr><td style="width: 170px; border-right: 1px solid black; padding-right: 10px;"><div style="line-height: 10px;"><IMG src=http://img521.imageshack.us/img521/1433/sanstre1.png /><br><img src="http://img171.imageshack.us/img171/9922/71995313.png" class="gradualfader"> <img src="http://img35.imageshack.us/img35/8711/36743756.png" class="gradualfader"> <img src="http://img849.imageshack.us/img849/3545/43156547.png" class="gradualfader"><img src="http://img171.imageshack.us/img171/4835/57705406.png" class="gradualfader"><br><IMG src=http://img846.imageshack.us/img846/6538/amisp.png /> <form name="Menuderoulant" method="POST"> <input type="button" onClick="location = document.Menuderoulant.wxlmenu.options [document.Menuderoulant.wxlmenu.selectedIndex].value;"value="Go"> <select name="wxlmenu" size="1"> <option selected="selected"> Nos Partenaires </option> <option value="LIEN1" target="_blank">TEXTE1</option> <option value="LIEN2" target="_blank">TEXTE2</option> </select> </form> </div></div></td><td style="width: 150px; padding-left: 10px;"><div style="line-height: 10px;"><IMG src=http://img40.imageshack.us/img40/7127/nouveautz.png /></img><br><font face="arial"><div align="justify">Vous avez toujours désiré faire basculer votre vie ? Rêvé de devenir un Pokémon ? De pouvoir évoluer en différentes formes incroyablement magiques ? De posséder toujours plus de pouvoirs et attaques phénoménaux ? Votre rêve va enfin se réaliser : Pokémon Agency est fait pour vous. Rencontrez des milliers de pokémon différents, affrontez-les et devenez le plus puissants de tous ! <a href="Adresse ou URL">A suivre.</a><br><a href="http://pk-agency.forumgratuit.org/t1-le-reglement-generale"><IMG src=http://img268.imageshack.us/img268/3296/613.png /></a><a href="http://pk-agency.forumgratuit.org/f11-sagesse-du-maitre"><IMG src=http://img100.imageshack.us/img100/4277/faqmn.png /></a><a href="http://pk-agency.forumgratuit.org/t2-la-liste-des-celebrites-prises"><IMG src=http://img12.imageshack.us/img12/2881/bottin.png /></a><IMG src=http://img248.imageshack.us/img248/9149/wwwzv.png /><IMG src=http://img13.imageshack.us/img13/4154/invitb.png /> </div></font></div></div></div></td></tr></table> <IMG src=http://img141.imageshack.us/img141/7715/pok.png /><br><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /><IMG src=http://i.neoseeker.com/mgv/506717-darkrayquaza/717/56/pokeball_icon.gif /></div> <div id="co_3" class="mon_contenu" style="display: none;"><table><tr><td align="left"><center><tr><td style="width: 170px; border-right: 1px solid black; padding-right: 10px;"><IMG src=http://img542.imageshack.us/img542/6944/sanstitre1lq.png /></img><br><div style="line-height: 10px;"><font face="arial"><div align="justify">La totalité du forum appartient à l'équipe administrative de Pokémon Agency. Alors veuillez à ne pas voler les textes, les images du forum. Le vol est punis par la lois. Celui qui verra une reproduction de P.A sur un autre site que le notre, avertissez de suite le fondateur pour qu'il porte plainte.<br><b>Le design est réalisé par Art-Design. Les images et textes sont de Grodoudou. La page d'accueil de forum forumactif. Et les catégories en onglets de X</b></div></font></div></td><td style="width: 150px; padding-left: 10px;"><div style="line-height: 10px;"><font face="arial"><div align="justify"><IMG src=http://img38.imageshack.us/img38/7558/equipen.png /></img><br><a href="http://pk-agency.forumgratuit.org/u1"><IMG src=http://img443.imageshack.us/img443/5952/sanstitre3godn.png /></img></a> <IMG src=http://img856.imageshack.us/img856/7136/sanstitre2djj.png /></img><br><a href="http://pk-agency.forumgratuit.org/u5"><IMG src=http://img846.imageshack.us/img846/258/gardeju.png /></img></a><a href="http://pk-agency.forumgratuit.org/u8"><IMG src=http://img51.imageshack.us/img51/6233/41542496.png /></img></a><br><a href="http://pk-agency.forumgratuit.org/u6"><IMG src=http://img84.imageshack.us/img84/452/sanstitre3ig.png /></img></a><a href="http://pk-agency.forumgratuit.org/u7"><IMG src=http://img42.imageshack.us/img42/271/pngvm.png /></img></a> </div></div></font></td></tr></table></div> </div></div></div></td> <td style="padding-bottom: 4px;" align="left" width="150"><div id="mes_onglets"> <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><IMG src=http://s4.noelshack.com/old/up/onglet1-71601a457.png /></img></span> <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img862.imageshack.us/img862/9158/guidev.png /></span> <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img705.imageshack.us/img705/4261/teamjl.png /></img></span></td>
Voilà le code entier, j'ai juste transporter les codes sur un fofo test pour ne pas que je perds encore une fois mon code et que je replace tous les textes dans les cadre. J'ai juste utilisé un css que j'ai mis un "div class" dans le template page daccueil à la place dun autre pour que la PA soit sous la forme d'image que jai crée ! | | |
| | | | 'Christa 
Lostmindy
Messages : 2856
| Bonjour !
Je viens de jeter un oeil par curiosité et j'avoue que moi aussi je ne comprends pas trop ce que tu as fait. Pourrais-tu nous fournir les templates que tu as modifiés ?
Accessoirement, tu peux sauter des lignes dans le code de ton message d'accueil, ça serait plus clair à lire XD | | |
| | | | Kyou
{ Membre }
Messages : 164
| - Code:
-
/*page d'accueil*/
.Cueil {
background-image: url('http://nsa21.casimages.com/img/2012/03/21//120321080852259178.png');
width : 852px;
height : 966px;
} début du template : - Code:
-
{JAVASCRIPT} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="Cueil">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> Voilà ce que j'ai modifié dans le template o: rien d'autre ! Et la page d'accueil coupée : - Spoiler:
- Code:
-
<script type="text/javascript" src="http://pk-agency.forumgratuit.org/10897.js"></script><table style="margin: auto;"><tr><td> <div class="clear"><div id="mes_contenus"> <div id="co_1" class="mon_contenu"><img usemap="#page_d_accueil" src="http://s4.noelshack.com/old/up/page1-fef848a837.png" width="700px" height="769px" style="margin-top:130px; margin-left: 80px" " border="0"><map name="page_d_accueil"><area shape="rect" coords="32,208,154,240" href="http://seconde-chance.forumgratuit.org/t55-contexte-sauve-une-vie"> <area shape="rect" coords="190,198,347,236" href="http://seconde-chance.forumgratuit.org/t2-reglement-generale"> <area shape="rect" coords="389,187,501,219" href="http://seconde-chance.forumgratuit.org/t6-la-liste-des-celebrites-prises"> <area shape="rect" coords="535,175,738,210" href="http://seconde-chance.forumgratuit.org/f41-foire-aux-questions"></map><div style="margin-left: 287px; margin-top: -483px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 299px; height: 145px; padding: 0px">Personne ne s'est vraiment intéressé aux personnes souffrant d'une maladie incurable ou d'un handicap moteur. Pourtant ils sont comme nous et ont besoin simplement plus d'attention. C'est pour ça que "<b>Seconde Chance</b>" leur ouvre ses portes. Une école spécialisée est adapté pour eux, non seulement ils leurs enseigne, mais ils les aide à réaliser leur rêve.. pour qu'à l'avenir, il ne regrette rien et se donne à fond dans leur lutte contre leur handicap ou maladie. Ferez-vous partie de ce magnifique voyage ? Ou n'êtes-vous qu'un simple voyageur en quête de savoir dans notre vaste univers ?</div></div><table><td><div style="margin-left: 115px; margin-top: 93px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 260px; height: 66px"><b>Le design</b> est réalisé par <b>adrenaline</b> de art-design, <b>la page d'accueil</b> est de <b>Noma Oaklani</b>, <b>le qeel</b> est codé par <b>kikino-sama</b> et <b>nutty.</b> de templatif, <b>le contenue du forum</b> appartient à <b>la Directrice</b>. Nous remercions <b>SeongHae</b> pour l'aide qu'elle nous a apporté au sein du forum.</div></div></td><td><div style="margin-left: 110px; margin-top: 93px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"><div style="overflow: auto; width: 275px; height: 66px"><b>Ouverture</b> ▬ <b>../../..</b></div></div></td></table></div></td></tr></table></div> <div id="co_2" class="mon_contenu" style="display: none;">A remplir !</div> <div id="co_3" class="mon_contenu" style="display: none;">A remplir</div></div> <td style="padding-bottom: 4px;" align="left" width="150"><div id="mes_onglets"> <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><IMG src=http://s4.noelshack.com/old/up/onglet1-71601a457.png /></img></span> <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img862.imageshack.us/img862/9158/guidev.png /></span> <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><IMG src=http://img705.imageshack.us/img705/4261/teamjl.png /></img></span></td>
| | |
| | | | 'Christa
Lostmindy
Messages : 2856
| Hello ! Et outch. Pour commencer, ton code a d'énormes problèmes : Il manque des < tr > et < / tr > dans un des tableaux, il y a plusieurs balises croisées, il y a des cellules à l'extérieur d'un tableau... Bref, je n'ai pas du tout compris quel était l'objectif O.o Voici la version nettoyée rapidement : - Code:
-
<script type="text/javascript" src="http://pk-agency.forumgratuit.org/10897.js"></script> <table style="margin: auto;" cellpadding="0" cellspacing="0"> <tr> <td> <div class="clear"> <div id="mes_contenus"> <div id="co_1" class="mon_contenu"> <img usemap="#page_d_accueil" src="http://s4.noelshack.com/old/up/page1-fef848a837.png" width="700px" height="769px" style="margin-top:130px; margin-left: 80px" " border="0"> <map name="page_d_accueil"> <area shape="rect" coords="32,208,154,240" href="http://seconde-chance.forumgratuit.org/t55-contexte-sauve-une-vie"> <area shape="rect" coords="190,198,347,236" href="http://seconde-chance.forumgratuit.org/t2-reglement-generale"> <area shape="rect" coords="389,187,501,219" href="http://seconde-chance.forumgratuit.org/t6-la-liste-des-celebrites-prises"> <area shape="rect" coords="535,175,738,210" href="http://seconde-chance.forumgratuit.org/f41-foire-aux-questions"> </map> <div style="margin-left: 287px; margin-top: -483px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"> <div style="overflow: auto; width: 299px; height: 145px; padding: 0px"> Personne ne s'est vraiment intéressé aux personnes souffrant d'une maladie incurable ou d'un handicap moteur. Pourtant ils sont comme nous et ont besoin simplement plus d'attention. C'est pour ça que "<b>Seconde Chance</b>" leur ouvre ses portes. Une école spécialisée est adapté pour eux, non seulement ils leurs enseigne, mais ils les aide à réaliser leur rêve.. pour qu'à l'avenir, il ne regrette rien et se donne à fond dans leur lutte contre leur handicap ou maladie. Ferez-vous partie de ce magnifique voyage ? Ou n'êtes-vous qu'un simple voyageur en quête de savoir dans notre vaste univers ? </div> </div> <table> <tr> <td> <div style="margin-left: 115px; margin-top: 93px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"> <div style="overflow: auto; width: 260px; height: 66px"> <b>Le design</b> est réalisé par <b>adrenaline</b> de art-design, <b>la page d'accueil</b> est de <b>Noma Oaklani</b>, <b>le qeel</b> est codé par <b>kikino-sama</b> et <b>nutty.</b> de templatif, <b>le contenue du forum</b> appartient à <b>la Directrice</b>. Nous remercions <b>SeongHae</b> pour l'aide qu'elle nous a apporté au sein du forum. </div> </div> </td> <td> <div style="margin-left: 110px; margin-top: 93px; letter-spacing: 1px; font-family: times new roman; text-transform: lowercase; font-size: 12px; text-align: justify; line-height: 12px"> <div style="overflow: auto; width: 275px; height: 66px"> <b>Ouverture</b> ▬ <b>../../..</b> </div> </div> </td> </tr> </table> </div> <div id="co_2" class="mon_contenu" style="display: none;">A remplir !</div> <div id="co_3" class="mon_contenu" style="display: none;">A remplir</div> </div> </div> </td> <td style="padding-bottom: 4px;" align="left" width="150"> <div id="mes_onglets"> <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://s4.noelshack.com/old/up/onglet1-71601a457.png" /></img></span> <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://img862.imageshack.us/img862/9158/guidev.png" /></span> <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://img705.imageshack.us/img705/4261/teamjl.png" /></img></span> </div> </td> </tr> </table> Je te laisse analyser le code et comprendre où étaient les erreurs, reviens vers nous ensuite si ça ne fonctionne toujours pas comme tu le souhaites. PS : Un positionnement absolu serait plus pratique si c'est pour fixer les zones de texte par rapport au fond ^^' Là, c'est trop hasardeux et ça risque de changer selon le navigateur et la résolution de l'écran. | | |
| | | | Orange
RocketMan
Messages : 3086
| Bonjour, Votre demande est-elle toujours d'actualité ?
Conformément à la Politique d'expiration des demandes, votre demande sera verrouillée dans 5 jours. | | |
| | | | Psycho 
Psychopathe
Messages : 3407
| Bonjour Kyou (: Le délai de 5 jours étant passé, je verrouille et classe la demande. Merci de ta compréhension  | | |
| | | | Contenu sponsorisé
| | | | | | | onglet à droite du contenue (page daccueil) | |
|
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
