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! |
| Ma page d'accueil a un soucis :( | |
| Sandra
{ Membre }
Messages : 40
| Bonjour à tous, Bon j'ai un énorme soucis avec ma page d'accueil, ma soeur a tout touché du coup, ça marche plus Bref, j'ai tout regardé au moins trois fois, et j'ai rien trouvé # L'adresse de votre forum : http://monde-imaginaire.forums-actifs.com/ # Explications du problème : ma page d'accueil est en onglet, mais mon dernier onglet s'affiche tout le temps, enfin jusqu'à qu'on se met dessus, et je comprend pas pourquoi, ça m'énerve.. # Le navigateur utilisé : Firefox, mais il me semble que ça le fais sur tous, et avant ça le faisait pas # Les codes ajoutés avant le problème : Voilà ma page d'accueil, le ccs est intégré - Code:
-
<center><br><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/G0r56XuIaMs?fs=1&hl=fr_FR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/G0r56XuIaMs?fs=1&hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object><br><br><font size="6">Bienvenue sur Un monde imaginaire</font><br>═════════════════════════════════════════════════════════════════</center><br> <script type="text/javascript"> //<!-- function change_onglet(name) { document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet'; document.getElementById('onglet_'+name).className = 'onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none'; document.getElementById('contenu_onglet_'+name).style.display = 'block'; anc_onglet = name; } //--> </script>
<style type="text/css"> .onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; border:1px solid black; cursor:pointer; } .onglet_0 { background:#F7DEE1; border-bottom:1px solid black; } .onglet_1 { background:#F7DEE1; border-bottom:0px solid black; padding-bottom:4px; } .contenu_onglet { background-color:#F7DEE1; border:1px solid black; margin-top:-1px; padding:5px; display:none; } ul { margin-top:0px; margin-bottom:0px; margin-left:-10px } h1 { margin:0px; padding:0px; }
</style><div class="systeme_onglets"><div class="onglets"><span class="onglet_1 onglet" id="onglet_quoi" onmouseover="javascript:change_onglet('quoi');">Informations importantes</span> <span class="onglet_0 onglet" id="onglet_qui" onmouseover="javascript:change_onglet('qui');">Liens Utiles</span> <span class="onglet_0 onglet" id="onglet_pourquoi" onmouseover="javascript:change_onglet('pourquoi');">Staff</span> <span class="onglet_0 onglet" id="onglet_que" onmouseover="javascript:change_onglet('que');">Livres</span> <span class="onglet_1 onglet" id="onglet_quand" onmouseover="javascript:change_onglet('quand');">Partenaires : Maisons d'éditions</span></div><div class="contenu_onglets"><div class="contenu_onglet" id="contenu_onglet_quoi" style="display: block">
<table cellspacing="1" cellpadding="1" width="100%" border="0"> <tbody> <tr> <td valign="top" width="100%"><div class="trait"><br>Bienvenue</div><br> <center><div style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 200px"><JUSTIFY>•• Il était une fois.... Oui toutes les histoires commencent comme ça... et finissent bien ou mal, ça dépend de l'histoire : fantastique, sentimental, policier, apocalypse... tant de fin, de début et d'histoires qui nous marquent, qui nous font rêver. Oui je sais que tu aimes rêver. On aime tous rêver, d'un monde meilleur, ou d'un monde qu'on aimerait bien voir. Et pourquoi devrais-je ne pas croire aux contes de fées : princesses, fées, elfes... Et mes petites vampires adorés? J'aimerais tellement vivre une histoire comme celle de Bella. Et oui, ici on te permet de rêver comme nous, de voir un nouveau monde, de partager avec nous tes histoires préférés, tes goûts... On veut nous aussi, vivre avec toi ce rêve que tu fais toujours. N'hésite pas nous rejoindre et surtout à venir discuter avec nous. On est pas des loups garous ou des vampires sanguinaires... On est tout gentils, tout doux... Comme le Chat Pottée dans Shrek. ••</JUSTIFY></div></center></td></tr></tbody></table> <table cellspacing="1" cellpadding="1" width="100%" border="0"> <tbody> <tr> <td valign="top" width="50%"><div class="trait">Informations</div><br> <center>~Réouverture du forum le 17/01/10 <br>~ Design du moment : Rentrée<br>Premade par Elea</center></td> <td valign="top" width="50%"> <ul><div class="trait">Nouveautés</div><br> <center>Nouvelle page d'accueil par Sandra <br>Nouveaux partenaires édition.<br>Plus de 360 livres présentés</center><br></ul></td></tr></tbody></table></div><div class="contenu_onglet" id="contenu_onglet_qui" style="display: none"> <h1></h1> <table cellspacing="1" cellpadding="1" width="100%" border="0"> <tbody> <tr> <td valign="top" width="50%"><div class="trait">navigation</div><br> <center>● <a href="http://monde-imaginaire.forums-actifs.com/la-charte-f1/la-charte-t1.htm">CHARTE<br></a>● <a href="http://monde-imaginaire.forums-actifs.com/votre-recencement-f2/">PRESENTATION</a><br>● <a class="postlink" href="http://monde-imaginaire.forums-actifs.com/question-suggestion-f4/">QUESTIONS</a><br>● <a href="http://monde-imaginaire.forums-actifs.com/profile.forum?mode=register">S'ENREGISTRER</a><br>● <a href="http://critique-livres.skyrock.com/">LE BLOG<br></a></center></td> <td valign="top" width="50%"><div class="trait">Partenaires</div> <center> <form><select style="WIDTH: 60%; BACKGROUND-COLOR: white" onchange="window.open(this.options[this.selectedIndex].value)"><option selected="">Partenariat</option><option value="http://monde-imaginaire.forums-actifs.com/partenariat-f5/nos-partenaires-t6.htm" target="_blank">Nos partenaires</option><option value="http://accros-a-la-lecture.forumactif.org/" target="_blank">Accro à la lecture</option><option value="http://createur2forum.forumactif.org/" target="_blank">Créateur de forum</option><option value="http://tachiyomi.forumotion.com/" target="_blank">Tachiyomi</option></select> </form><br><br> <form><select style="WIDTH: 60%; BACKGROUND-COLOR: white" onchange="window.open(this.options[this.selectedIndex].value)"><option selected="">Votez</option><option value="http://monde-imaginaire.boosterforum.com/" target="_blank">Boosterforum</option><option value="http://www.root-top.com/topsite/paradisetop/in.php?ID=1" target="_blank">Paradise top</option></select> </form></center></td></tr></tbody></table></div><div class="contenu_onglet" id="contenu_onglet_pourquoi" style="display: none"> <h1></h1> <center><div><a class="info"><img src="http://i47.tinypic.com/6ftnvd.png"><span>Sandra<br><a href="http://monde-imaginaire.forums-actifs.com/profile.forum?mode=viewprofile&u=1">Profil</a><br>Fondatrice</span></a> <a class="info"><img src="http://i600.photobucket.com/albums/tt89/char_cohen4/14b.png"><span>Alice<br><a href="http://monde-imaginaire.forums-actifs.com/profile.forum?mode=viewprofile&u=2">Profil</a><br>Administratrice</span></a> <a class="info"><img src="http://monde-imaginaire.forums-actifs.com/users/1611/28/63/48/avatars/56-8.jpg"><span>Lena<br><a href="http://monde-imaginaire.forums-actifs.com/profile.forum?mode=viewprofile&u=56">Profil</a><br>Modératrice</span></a></div> </center></div><div class="contenu_onglet" id="contenu_onglet_que" style="display: none"> <table> <tbody> <tr> <td valign="top" width="75%"> <center> <center><div class="trait"><font face="Arial"><strong>Les nouveaux livres présentés</strong></font></div> <p><img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://images.imagehotel.net/of5ulw6ir8.jpg" width="135" border="0"> <img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://lireetvoir.l.i.pic.centerblog.net/6jmj01l3.jpg" width="135" border="0"> <img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://www.milady.fr/img/upload/1006-verite1.jpg" width="135" border="0"> <img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://lireetvoir.l.i.pic.centerblog.net/igkgbahr.png" border="0">;<img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://s2.e-monsite.com/2010/03/17/02/resize_550_550//fievre-fae.jpg" border="0"></p></center></center></td> <td valign="top" width="25%"> <center><div class="trait"><font face="Arial"><strong>Lecture commune</strong></font></div> <p><img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://storage.canalblog.com/47/09/721798/55868972.jpg" width="135" border="0"> </p></center></td></tr></tbody></table></div><div class="contenu_onglet" id="contenu_onglet_quand" style="display: block"> <strong> <div class="trait"><font face="Arial">Nos partenaires : Oh! Editions - J'ai Lu - Michel LAFONT - Le livre de poche - Gallimard Jeunesse - Cauchemars</strong> </font></div> <table> <tbody> <tr><br> <td valign="top" width="100%"> <center><div class="trait"><font face="Arial"><strong>Les livres de nos partenaires</strong></font></div> <p><img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://www.editions-cauchemars.fr/img/Momies.jpg" width="135" border="0"> <img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://i39.servimg.com/u/f39/14/49/55/72/6793_m10.jpg" width="135" border="0"> <img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://www.michel-lafon.fr/img/premonitions_couvm_1274779762.jpg" width="135" border="0"></p><p>Contact : <a href="true">partenariats.monde.imaginaire@gmail.com</a></p><p><img style="WIDTH: 50px; HEIGHT: 50px" height="50" alt="" src="http://img.over-blog.com/122x77/0/41/68/30/maisons-d---ditions/Oh-Editions.jpg" width="135" border="0"> <img style="WIDTH: 50px; HEIGHT: 50px" height="50" alt="" src="http://www.seeklogo.com/images/J/J_Ai_Lu-logo-4D79F43BC9-seeklogo.com.gif" width="135" border="0"> <img style="WIDTH: 50px; HEIGHT: 50px" height="50" alt="" src="http://stephane.dugast.free.fr/GROENLAND/PEV/IMAGES/logos/logo_lafon.gif" width="135" border="0"> <img style="WIDTH: 50px; HEIGHT: 50px" height="50" alt="" src="http://3.bp.blogspot.com/_gki6KuYs__o/SzfWQGtlLQI/AAAAAAAAAPY/hy7MkJvV-Qg/s400/Livredepoche-logo-G.gif" width="135" border="0"> <img style="WIDTH: 100px; HEIGHT: 50px" height="50" alt="" src="http://www.afjv.com/img/logo/_gallimard_jeunesse.gif" width="135" border="0"> </center></td> </tr></tbody></table></div></div></div> <script type="text/javascript"> //<!-- var anc_onglet = 'quoi'; change_onglet(anc_onglet); //--> </script> <br> <center>Reproduction partielle ou entière strictement interdite. <br>Un monde imaginaire est la propriété de ses admins. <br>Merci de respecter notre travail. </center> # La version du forum : Phpbb2 # Problème de CSS ou HTML : je pense que c'est le html # Une capture d'écran : Je pense que vous pouvez aller voir Enfin si vous voulez vraiment, je vous en ferrais une Merci à vous Sandra | | |
| | | Radimir
{ Membre actif }
Messages : 459
| Bonjour, Revoici votre code corrigé ^^ - Code:
-
<center><br><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/G0r56XuIaMs?fs=1&hl=fr_FR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/G0r56XuIaMs?fs=1&hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object><br><br><font size="6">Bienvenue sur Un monde imaginaire</font><br>═════════════════════════════════════════════════════════════════<</center><br> <script type="text/javascript"> //<!-- function change_onglet(name) { document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet'; document.getElementById('onglet_'+name).className = 'onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none'; document.getElementById('contenu_onglet_'+name).style.display = 'block'; anc_onglet = name; } //--> </script>
<style type="text/css"> .onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; border:1px solid black; cursor:pointer; } .onglet_0 { background:#F7DEE1; border-bottom:1px solid black; } .onglet_1 { background:#F7DEE1; border-bottom:0px solid black; padding-bottom:4px; } .contenu_onglet { background-color:#F7DEE1; border:1px solid black; margin-top:-1px; padding:5px; display:none; } ul { margin-top:0px; margin-bottom:0px; margin-left:-10px } h1 { margin:0px; padding:0px; }
</style><div class="systeme_onglets"><div class="onglets">
<span class="onglet_0 onglet" id="onglet_quoi" onmouseover="javascript:change_onglet('quoi');">Informations importantes</span>
<span class="onglet_0 onglet" id="onglet_qui" onmouseover="javascript:change_onglet('qui');">Liens Utiles</span>
<span class="onglet_0 onglet" id="onglet_pourquoi" onmouseover="javascript:change_onglet('pourquoi');">Staff</span>
<span class="onglet_0 onglet" id="onglet_que" onmouseover="javascript:change_onglet('que');">Livres</span>
<span class="onglet_0 onglet" id="onglet_quand" onmouseover="javascript:change_onglet('quand');">Partenaires : Maisons d'éditions</span>
</div><div class="contenu_onglets"><div class="contenu_onglet" id="contenu_onglet_quoi" style="display: block">
<table cellspacing="1" cellpadding="1" width="100%" border="0"> <tbody> <tr> <td valign="top" width="100%"><div class="trait"><br>Bienvenue</div><br> <center><div style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 200px"><JUSTIFY>•• Il était une fois.... Oui toutes les histoires commencent comme ça... et finissent bien ou mal, ça dépend de l'histoire : fantastique, sentimental, policier, apocalypse... tant de fin, de début et d'histoires qui nous marquent, qui nous font rêver. Oui je sais que tu aimes rêver. On aime tous rêver, d'un monde meilleur, ou d'un monde qu'on aimerait bien voir. Et pourquoi devrais-je ne pas croire aux contes de fées : princesses, fées, elfes... Et mes petites vampires adorés? J'aimerais tellement vivre une histoire comme celle de Bella. Et oui, ici on te permet de rêver comme nous, de voir un nouveau monde, de partager avec nous tes histoires préférés, tes goûts... On veut nous aussi, vivre avec toi ce rêve que tu fais toujours. N'hésite pas nous rejoindre et surtout à venir discuter avec nous. On est pas des loups garous ou des vampires sanguinaires... On est tout gentils, tout doux... Comme le Chat Pottée dans Shrek. ••</JUSTIFY></div></center></td></tr></tbody></table> <table cellspacing="1" cellpadding="1" width="100%" border="0"> <tbody> <tr> <td valign="top" width="50%"><div class="trait">Informations</div><br> <center>~Réouverture du forum le 17/01/10 <br>~ Design du moment : Rentrée<br>Premade par Elea</center></td> <td valign="top" width="50%"> <ul><div class="trait">Nouveautés</div><br> <center>Nouvelle page d'accueil par Sandra <br>Nouveaux partenaires édition.<br>Plus de 360 livres présentés</center><br></ul></td></tr></tbody></table></div><div class="contenu_onglet" id="contenu_onglet_qui" style="display: none"> <h1></h1> <table cellspacing="1" cellpadding="1" width="100%" border="0"> <tbody> <tr> <td valign="top" width="50%"><div class="trait">navigation</div><br> <center>● <a href="http://monde-imaginaire.forums-actifs.com/la-charte-f1/la-charte-t1.htm">CHARTE<br></a>● <a href="http://monde-imaginaire.forums-actifs.com/votre-recencement-f2/">PRESENTATION</a><br>● <a class="postlink" href="http://monde-imaginaire.forums-actifs.com/question-suggestion-f4/">QUESTIONS</a><br>● <a href="http://monde-imaginaire.forums-actifs.com/profile.forum?mode=register">S'ENREGISTRER</a><br>● <a href="http://critique-livres.skyrock.com/">LE BLOG<br></a></center></td> <td valign="top" width="50%"><div class="trait">Partenaires</div> <center> <form><select style="WIDTH: 60%; BACKGROUND-COLOR: white" onchange="window.open(this.options[this.selectedIndex].value)"><option selected="">Partenariat</option><option value="http://monde-imaginaire.forums-actifs.com/partenariat-f5/nos-partenaires-t6.htm" target="_blank">Nos partenaires</option><option value="http://accros-a-la-lecture.forumactif.org/" target="_blank">Accro à la lecture</option><option value="http://createur2forum.forumactif.org/" target="_blank">Créateur de forum</option><option value="http://tachiyomi.forumotion.com/" target="_blank">Tachiyomi</option></select> </form><br><br> <form><select style="WIDTH: 60%; BACKGROUND-COLOR: white" onchange="window.open(this.options[this.selectedIndex].value)"><option selected="">Votez</option><option value="http://monde-imaginaire.boosterforum.com/" target="_blank">Boosterforum</option><option value="http://www.root-top.com/topsite/paradisetop/in.php?ID=1" target="_blank">Paradise top</option></select> </form></center></td></tr></tbody></table></div><div class="contenu_onglet" id="contenu_onglet_pourquoi" style="display: none"> <h1></h1> <center><div><a class="info"><img src="http://i47.tinypic.com/6ftnvd.png"><span>Sandra<br><a href="http://monde-imaginaire.forums-actifs.com/profile.forum?mode=viewprofile&u=1">Profil</a><br>Fondatrice</span></a> <a class="info"><img src="http://i600.photobucket.com/albums/tt89/char_cohen4/14b.png"><span>Alice<br><a href="http://monde-imaginaire.forums-actifs.com/profile.forum?mode=viewprofile&u=2">Profil</a><br>Administratrice</span></a> <a class="info"><img src="http://monde-imaginaire.forums-actifs.com/users/1611/28/63/48/avatars/56-8.jpg"><span>Lena<br><a href="http://monde-imaginaire.forums-actifs.com/profile.forum?mode=viewprofile&u=56">Profil</a><br>Modératrice</span></a></div> </center></div><div class="contenu_onglet" id="contenu_onglet_que" style="display: none"> <table> <tbody> <tr> <td valign="top" width="75%"> <center> <center><div class="trait"><font face="Arial"><strong>Les nouveaux livres présentés</strong></font></div> <p><img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://images.imagehotel.net/of5ulw6ir8.jpg" width="135" border="0"> <img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://lireetvoir.l.i.pic.centerblog.net/6jmj01l3.jpg" width="135" border="0"> <img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://www.milady.fr/img/upload/1006-verite1.jpg" width="135" border="0"> <img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://lireetvoir.l.i.pic.centerblog.net/igkgbahr.png" border="0">;<img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://s2.e-monsite.com/2010/03/17/02/resize_550_550//fievre-fae.jpg" border="0"></p></center></center></td> <td valign="top" width="25%"> <center><div class="trait"><font face="Arial"><strong>Lecture commune</strong></font></div> <p><img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://storage.canalblog.com/47/09/721798/55868972.jpg" width="135" border="0"> </p></center></td></tr></tbody></table></div><div class="contenu_onglet" id="contenu_onglet_quand" style="display: none"> <h1></h1> <strong> <div class="trait"><font face="Arial">Nos partenaires : Oh! Editions - J'ai Lu - Michel LAFONT - Le livre de poche - Gallimard Jeunesse - Cauchemars</strong> </font></div> <table> <tbody> <tr><br> <td valign="top" width="100%"> <center><div class="trait"><font face="Arial"><strong>Les livres de nos partenaires</strong></font></div> <p><img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://www.editions-cauchemars.fr/img/Momies.jpg" width="135" border="0"> <img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://i39.servimg.com/u/f39/14/49/55/72/6793_m10.jpg" width="135" border="0"> <img style="WIDTH: 120px; HEIGHT: 170px" height="170" alt="" src="http://www.michel-lafon.fr/img/premonitions_couvm_1274779762.jpg" width="135" border="0"></p><p>Contact : <a href="true">partenariats.monde.imaginaire@gmail.com</a></p><p><img style="WIDTH: 50px; HEIGHT: 50px" height="50" alt="" src="http://img.over-blog.com/122x77/0/41/68/30/maisons-d---ditions/Oh-Editions.jpg" width="135" border="0"> <img style="WIDTH: 50px; HEIGHT: 50px" height="50" alt="" src="http://www.seeklogo.com/images/J/J_Ai_Lu-logo-4D79F43BC9-seeklogo.com.gif" width="135" border="0"> <img style="WIDTH: 50px; HEIGHT: 50px" height="50" alt="" src="http://stephane.dugast.free.fr/GROENLAND/PEV/IMAGES/logos/logo_lafon.gif" width="135" border="0"> <img style="WIDTH: 50px; HEIGHT: 50px" height="50" alt="" src="http://3.bp.blogspot.com/_gki6KuYs__o/SzfWQGtlLQI/AAAAAAAAAPY/hy7MkJvV-Qg/s400/Livredepoche-logo-G.gif" width="135" border="0"> <img style="WIDTH: 100px; HEIGHT: 50px" height="50" alt="" src="http://www.afjv.com/img/logo/_gallimard_jeunesse.gif" width="135" border="0"> </center></td> </tr></tbody></table> </div>
<script type="text/javascript"> //<!-- var anc_onglet = 'quoi'; change_onglet(anc_onglet); //--> </script> <br> <center>Reproduction partielle ou entière strictement interdite. <br>Un monde imaginaire est la propriété de ses admins. <br>Merci de respecter notre travail. </center> | | |
| | | Sandra
{ Membre }
Messages : 40
| Waou, vous êtes super franchement, c'est la deuxième que je demande un truc à cause d'un problème et à chaque fois vous trouvez Merci beaucoup, c'est plus jolie maintenant mdr Et comme j'aime savoir où est le problème, c'était quoi? Il manquait quoi? Merci encore | | |
| | | Radimir
{ Membre actif }
Messages : 459
| Bonjour; Une balise mal fermé vers la fin du code , rien que ça je classe donc , au plaisir =) |Heureux de t'avoir aider sinon | | | |
| | | Contenu sponsorisé
| | | | | Ma page d'accueil a un soucis :( | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|