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! |
| Problème de Balise - Onglets Interactifs | |
| Mafdet
{ Membre }
Messages : 25
| Hello! Adresse du Forum: Désolée, c'est mon forum de test et je ne tiens pas à ce que trop de monde y aie accès, donc si vous devez vraiment le voir j'enverrai le lien par mp. Problème: Pour commencer, ça concerne un truc d'onglets interactifs [ du genre qu'on clique ou qu'on survole et le contenu du menu change]. Je ne sais pas trop si c'est ainsi que ça s'appelle, mais... C'est sans aucun doute un problème de balise qui est manquante ou mal refermée, mais j'ai beau chercher, je ne trouve pas où est le problème. Et normalement, il ne devrait pas y avoir de ligne visible qui sépare le truc à onglets de la bannière Copyscape [ dans le carré rouge]. Voici des screens. S'ils ne sont pas assez détaillés [ je ne veux pas trop en montrer, un petit rigolo s'inspire trop de ce qu'on fait], j'essaierai d'en montrer un peu plus. - Spoiler:
Normalement, il doit y avoir une marge à droite comme sur cette image: Et la marge n'est pas là comme vous pouvez le voir sur l'image suivante:
Normalement, il doit y avoir une marge à droite comme sur cette image: Et la marge n'est pas là comme vous pouvez le voir sur l'image suivante: Navigateur utilisé & Version du Forum: Firefox - phpBB2 Code utilisé: J'imagine que c'est cette partie-là qui a un problème de balise, car pour le reste tout fonctionne bien. J'ai beau cherché, avoir essayé des tas de trucs, c'est toujours la même chose au final. Bref, si jamais vous avez besoin du code au complet, je préférerais l'envoyer par mp... - Spoiler:
- Code:
-
<div class="contenu_onglet" id="contenu_onglet_inscrire">
<center><table style="width: 100%; border-collapse:collapse;"> <tr><td style="width: 20%>
<blockquote><br><div style="margin:auto;text-align:center;width:100%"> <span class="cadra"><img src=" http://i69.servimg.com/u/f69/11/69/72/08/inscri10.png " /></span></blockquote><br><br>
</div> </td>
<td style="width: 80%><div align="justify"><br><div align="justify"><ul><span style="font-size: 13px; line-height: normal"> • Parce qu’on ne s’ennuie jamais sur LR. Le flood et les jeux sont actifs, des activités sont organisées régulièrement, mais le RP n’est jamais laissé de côté.<br><br> • Parce que vous pouvez RP dans une ambiance «<i>Lost</i>» à 100% sans devoir suivre la série. Encore mieux, vous n’avez même pas besoin de la connaitre!<br><br> • Parce que notre contexte avance régulièrement et que les choses ne stagnent pas. Des intrigues sont lancées et rien ne vous empêche d’en proposer!<br><br> • Parce que l’intégration est très facile si vous prenez la peine de faire un petit effort en y mettant un peu du votre. Vous serez bien accueillis et vous ne serez jamais laissés de côté, promis!<br><br> • Parce que vous avez l’occasion de RP selon votre niveau grâce à nos membres. Que vous fassiez 10 ou 50 lignes de RP, vous êtes sûr de trouver un membre qui saura en faire autant et s’adapter. </span></ul></div><br></div> </td> </tr> </table></center></div>
</div> </div></div> <script type="text/javascript"> //<!-- var anc_onglet = 'contexte'; change_onglet(anc_onglet); //--> </script> </body> </html>
- Code:
-
<div class="contenu_onglet" id="contenu_onglet_inscrire">
<center><table style="width: 100%; border-collapse:collapse;"> <tr><td style="width: 20%>
<blockquote><br><div style="margin:auto;text-align:center;width:100%"> <span class="cadra"><img src=" http://i69.servimg.com/u/f69/11/69/72/08/inscri10.png " /></span></blockquote><br><br>
</div> </td>
<td style="width: 80%><div align="justify"><br><div align="justify"><ul><span style="font-size: 13px; line-height: normal"> • Parce qu’on ne s’ennuie jamais sur LR. Le flood et les jeux sont actifs, des activités sont organisées régulièrement, mais le RP n’est jamais laissé de côté.<br><br> • Parce que vous pouvez RP dans une ambiance «<i>Lost</i>» à 100% sans devoir suivre la série. Encore mieux, vous n’avez même pas besoin de la connaitre!<br><br> • Parce que notre contexte avance régulièrement et que les choses ne stagnent pas. Des intrigues sont lancées et rien ne vous empêche d’en proposer!<br><br> • Parce que l’intégration est très facile si vous prenez la peine de faire un petit effort en y mettant un peu du votre. Vous serez bien accueillis et vous ne serez jamais laissés de côté, promis!<br><br> • Parce que vous avez l’occasion de RP selon votre niveau grâce à nos membres. Que vous fassiez 10 ou 50 lignes de RP, vous êtes sûr de trouver un membre qui saura en faire autant et s’adapter. </span></ul></div><br></div> </td> </tr> </table></center></div>
</div> </div></div> <script type="text/javascript"> //<!-- var anc_onglet = 'contexte'; change_onglet(anc_onglet); //--> </script> </body> </html> EDIT Ikø': J'ai sorti tout ce qui est dans les spoilers en raison d'un bug des spoilers qui nous empêche de les ouvrir~
| | |
| | | Invité Invité
| Sans un minimum de renseignement, difficile d'apporter une quelconque aide. | | |
| | | Mafdet
{ Membre }
Messages : 25
| A mon avis, toutes les informations nécessaires sont là. Et pour être sûre de ne rien oublier, j'ai suivi toutes les étapes du topic pour bien expliquer le problème. J'ai aussi donné deux screens ainsi que la partie du code qui pose problème et tout ça dans les spoilers. Sinon, si je fais ça, c'est parce que je sais pertinemment que la personne qui plagie ou s'inspire fortement du forum sur lequel je suis admin [ainsi que celui d'une autre personne... et on est probablement pas les seules] est également inscrite ici. A force, on peut devenir parano. ^^
Par-contre, si tu crois pouvoir m'aider selon ce que j'ai exposé dans mon premier message, mais que tu aies besoin de plus d'informations, alors là oui, j'accepterai de t'en donner plus par MP si ça te convient.
|
Dernière édition par Mafdet le Ven 11 Juin 2010, 18:07, édité 1 fois | |
| | | Kory
{ Membre actif }
Messages : 370
| Il n'y a rien dans les spoilers | | |
| | | Mafdet
{ Membre }
Messages : 25
| Il y aurait un bug sur les spoilers selon ce que j'ai lu ailleurs ainsi que sur le FDF. Semble que ça affecte l'ouverture des spoilers et que ça touche tous les forums. Ils donnent une solution temporaire, mais je ne l'ai pas encore essayée.
Pour plus d'infos, par ici! ^^
| | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Bon donc j'ai édité le premier message pour contourner le problème de spoiler~
Sinon je ne comprends pas exactement le problème, serait-il possible de m'envoyer le forum par mp pour que je puisse constater par moi-même?
Sinon... @fascicularia: Il y avait amplement de renseignements, un commentaire du genre est inutile. | | |
| | | Mafdet
{ Membre }
Messages : 25
| Merci Ikø'. Ah, et le mp est envoyé. ^^ | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Je ne sais pas si le problème est résolu, parce que voici ce que je vois: Est-ce de même chez vous? | | |
| | | Mafdet
{ Membre }
Messages : 25
| Ouep, c'est exactement la même chose, c'est juste les couleurs qui ont changées pour un test de design.
Quand on passe la souris sur les autres onglets, tout est parfait et à la bonne dimension, mais dès qu'on passe sur le dernier, son contenu si je puis dire s'élargit. Et normalement, il ne devrait pas y avoir de ligne entre le corps du truc à onglets [que je sais jamais comment nommer ^^] et la bannière de Copyscape. Dans le fond, la ligne qui fait le tour de la Page d'accueil devrait se situer sous le texte du copyright.
C'est plus clair? Moi et les explications, ça fait 2! ^^
| | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| HA J'ai compris xD Pour les lignes autour, je crois que c'est simplement la délimitation de la page d'accueil. Personnellement, j'ai mit ma page d'accueil dans le template index_body si je me souviens bien, ça a retiré le contour que je détestais moi aussi x) Je l'ai mit en haut complètement du template, juste après - Code:
-
{JAVAscript} Sinon pour le dernier onglet, c'est peut-être dù simplement au contenu à l'intérieur de celui-ci... Ou juste une erreur de guillemet que j'ai vu dans le code il y a 5 secondes xD Dans cette partie-ci: - Code:
-
<td style="width: 80%><div align="justify"><br><div align="justify"><ul><span style="font-size: 13px; line-height: normal"> • Parce qu’on ne s’ennuie jamais sur LR. Le flood et les jeux sont actifs, des activités sont organisées régulièrement, mais le RP n’est jamais laissé de côté.<br><br> • Parce que vous pouvez RP dans une ambiance «<i>Lost</i>» à 100% sans devoir suivre la série. Encore mieux, vous n’avez même pas besoin de la connaitre!<br><br> • Parce que notre contexte avance régulièrement et que les choses ne stagnent pas. Des intrigues sont lancées et rien ne vous empêche d’en proposer!<br><br> • Parce que l’intégration est très facile si vous prenez la peine de faire un petit effort en y mettant un peu du votre. Vous serez bien accueillis et vous ne serez jamais laissés de côté, promis!<br><br> • Parce que vous avez l’occasion de RP selon votre niveau grâce à nos membres. Que vous fassiez 10 ou 50 lignes de RP, vous êtes sûr de trouver un membre qui saura en faire autant et s’adapter. </span></ul></div><br></div> </td> </tr> </table></center></div> Remplacez-la par ceci: - Code:
-
<td style="width: 80%"><div align="justify"><br><div align="justify"><ul><span style="font-size: 13px; line-height: normal"> • Parce qu’on ne s’ennuie jamais sur LR. Le flood et les jeux sont actifs, des activités sont organisées régulièrement, mais le RP n’est jamais laissé de côté.<br><br> • Parce que vous pouvez RP dans une ambiance «<i>Lost</i>» à 100% sans devoir suivre la série. Encore mieux, vous n’avez même pas besoin de la connaitre!<br><br> • Parce que notre contexte avance régulièrement et que les choses ne stagnent pas. Des intrigues sont lancées et rien ne vous empêche d’en proposer!<br><br> • Parce que l’intégration est très facile si vous prenez la peine de faire un petit effort en y mettant un peu du votre. Vous serez bien accueillis et vous ne serez jamais laissés de côté, promis!<br><br> • Parce que vous avez l’occasion de RP selon votre niveau grâce à nos membres. Que vous fassiez 10 ou 50 lignes de RP, vous êtes sûr de trouver un membre qui saura en faire autant et s’adapter. </span></ul></div><br></div> </td> </tr> </table></center></div> | | |
| | | Mafdet
{ Membre }
Messages : 25
| Pour le truc du contour de la PA, j'avoue que je m'en fiche un peu, c'est pas vraiment un problème même si ce n'est pas toujours très joli. ^^ C'est davantage la ligne bleue qui s'est ajoutée et qui sépare le tableau du truc à onglets de la bannière de Copyscape qui gêne. Parce qu'avant de mettre des cellules dans le contenu du truc à onglets, tout fonctionnait à merveille, les dimensions étaient les bonnes, aucun problème de code, mais depuis que ma co-admin m'a demandé des cellules, tout déconne. Et c'est à ce moment-là que la fameuse ligne [celle qui a un carré rouge autour dans un de mes screens] est apparue alors qu'elle n'y était pas avant. ^^
J'ai copié le code donné, placé au bon endroit et pourtant ç'a toujours le même effet...
En tout cas, merci de m'aider, c'est vraiment apprécié! ^^
| | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Tu peux m'envoyer ton code html en entier et le css des onglets par mp?(par mp parce qu'à ce que je vois, tu ne veux pas trop partager x) ) Je vais essayer d'arranger le problème sur mon forum test~ | | |
| | | Mafdet
{ Membre }
Messages : 25
| Partager? Je n'ai aucun problème avec ça, je suis même du genre à aider si je le peux. Là où j'ai plus de mal, c'est avec ceux qui piquent les codes tous faits et ne font même pas l'effort de comprendre ou d'essayer de comprendre. ^^
Sinon, le MP est envoyé.
Edit: Merci Ikø', mon problème est enfin réglé! ^^
| | |
| | | Contenu sponsorisé
| | | | | Problème de Balise - Onglets Interactifs | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|