Argimpasa oh my fantastic Messages : 349
Age : 32
Date d'inscription : 05/03/2016
| Sujet: Problème de lien Dim 24 Juil - 21:12 | |
| Bien le bonsoir, Alors j'ai une toute petite bricole qui me chagrine et je voudrais la boucler avant l'ouverture de mon forum puisque je suis perfectionniste et que quitte à bosser longtemps sur un projet, je veux qu'il soit autant parfait que possible à la fin Bon mon soucis : Sur la PA que mon ancienne codeuse nous avait proposé, il y'a une liste de navigation : contexte, annexes, ect...Le problème est que lorsque j'insère le lien de la page du contexte par exemple pour être redirigée vers celle-ci, elle s'ouvre certes mais à la place de la PA. Autant dire que ce n'est pas pratique... Voici le code html utilisé. Je le met en entier et sans url inséré. - Code:
-
<meta charset1="utf-8" /> <title>PA Sand'hôr</title> <style type="text/css"> a { text-decoration: none !important; font-variant: normal !important; text-transform: none !important; }
a:hover { text-decoration: none !important; font-variant: normal !important; text-transform: none !important; }
a:link,a:active,a:visited{ text-decoration: none !important; font-variant: normal !important; text-transform: none !important; color: #352C25 !important; } .PA{ width: 850px; height: 510px; background-image: url('http://i68.tinypic.com/2ik2hcw.png'); }
.titrecontexte{ width: 275px; font-family: 'Jim Nightshade', cursive; border-bottom: 3px solid #5B563C; color: #524f3e; text-align: center; position: relative; top: 100px; left: -275px; }
.contextePA{ width: 265px; font-size: 12px; height: 195px; color: #524f3e; background: #7e7965; text-align: justify; padding: 5px; position: relative; top: 100px; left: -275px; }
.titreinfos{ width: 275px; border-bottom: 3px solid #5B563C; color: #524f3e; font-family: 'Jim Nightshade', cursive; text-align: center; position: relative; top: 100px; left: -275px; } .infosPA{ width: 265px; font-size: 12px; height: 75px; color: #524f3e; background: #7e7965; text-align: justify; padding: 5px; position: relative; top: 100px; left: -275px; }
.titrenouvelles{ width: 275px; border-bottom: 3px solid #5B563C; color: #524f3e; font-family: 'Jim Nightshade', cursive; text-align: center; position: relative; top: -450px; left: 275px; } .nouvellesPA{ width: 265px; font-size: 12px; height: 75px; color: #524f3e; background: #7e7965; text-align: justify; padding: 5px; position: relative; top: -450px; left: 275px; } .titrestaff{ width: 275px; border-bottom: 3px solid #5B563C; color: #524f3e; font-family: 'Jim Nightshade', cursive; text-align: center; position: relative; top: -450px; left: 275px; } .staffPA{ width: 265px; font-size: 12px; height: 75px; color: #524f3e; background: #7e7965; text-align: justify; padding: 5px; position: relative; top: -450px; left: 275px; } .titretop{ width: 275px; border-bottom: 3px solid #5B563C; color: #524f3e; font-family: 'Jim Nightshade', cursive; text-align: center; position: relative; top: -450px; left: 275px; } .topPA{ width: 265px; font-size: 12px; height: 75px; color: #524f3e; background: #7e7965; text-align: center; padding: 5px; position: relative; top: -450px; left: 275px; } .titrePA{ width: 275px; font-size: 25px; color: #5B563C; text-align: center; position: relative; top: -175px; font-family: 'Aladin', cursive; } .titrenavigation{ width: 275px; border-bottom: 3px solid #5B563C; color: #524f3e; font-family: 'Jim Nightshade', cursive; text-align: center; position: relative; top: -175px; }
.navigation1{ width: 265px; font-size: 12px; height: 10px; color: #524f3e; background: #a6a292; text-align: center; padding: 5px; position: relative; top: -170px; } .navigation2{ width: 265px; font-size: 12px; height: 10px; color: #524f3e !important; background: #a6a292; text-align: center; padding: 5px; position: relative; top: -165px; } .navigation3{ width: 265px; font-size: 12px; height: 10px; color: #524f3e; background: #a6a292; text-align: center; padding: 5px; position: relative; top: -160px; } .navigation4{ width: 265px; font-size: 12px; height: 10px; color: #524f3e; background: #a6a292; text-align: center; padding: 5px; position: relative; top: -155px; } .navigation5{ width: 265px; font-size: 12px; height: 10px; color: #524f3e; background: #a6a292; text-align: center; padding: 5px; position: relative; top: -150px; } .navigation6{ width: 265px; font-size: 12px; height: 10px; color: #524f3e; background: #a6a292; text-align: center; padding: 5px; position: relative; top: -145px; } .navigation7{ width: 265px; font-size: 12px; height: 10px; color: #524f3e; background: #a6a292; text-align: center; padding: 5px; position: relative; top: -140px; } .navigation8{ width: 265px; font-size: 12px; height: 10px; color: #524f3e; background: #a6a292; text-align: center; padding: 5px; position: relative; top: -135px; } .navigation9{ width: 265px; font-size: 12px; height: 10px; color: #524f3e; background: #a6a292; text-align: center; padding: 5px; position: relative; top: -130px; } .partPA{ width: 800px; border-bottom: 3px solid #524f3e; color: #524f3e; text-align: center; font-family: 'Jim Nightshade', cursive; position: relative; top: -445px;
} </style> <link href="https://fonts.googleapis.com/css?family=Forum" rel="stylesheet" type="text/css" /><link href="https://fonts.googleapis.com/css?family=Aladin" rel="stylesheet" type="text/css" /><link href="https://fonts.googleapis.com/css?family=Jim+Nightshade" rel="stylesheet" type="text/css" /> <center> <div class="PA"> <div class="titrecontexte"> Contexte </div> <div class="contextePA"> Sand’hor est un monde de renouveau, des milliards d’années après notre ère. Il ne subsiste pas la moindre trace de notre civilisation, ni de celles qui nous ont suivies. Les temps sombres sont passés depuis bien longtemps et les peuples se tournent maintenant vers une nouvelle ère, une ère de découverte et d’innovation. Magie et technologie dansent ensemble. Les Nakhins, êtres de légende, animent l'esprit de chacun. Peuple disparu, ils ont laissés derrière eux une technologie des plus mystérieuses et merveilleuses éveillant la cupidité de plus d'un. Nous autres, humains, ne sommes plus. Le temps nous a englouti. À présent règnent sur le monde diverses espèces [suite] </div> <div class="titreinfos"> Infos RP </div> <div class="infosPA"> Nous sommes actuellement en Liv, la saison du renouveau! <br /><br />Les membres du mois sont [pseudo] pour le RP et [pseudo] pour les votes. Merci à eux ! </div> <div class="titrePA"> Bienvenue sur Sand'hôr </div> <div class="titrenavigation"> Navigation </div> <div class="navigation1"> <a href="#">Contexte</a> </div> <div class="navigation2"> <a href="#">Les règles</a> </div> <div class="navigation3"> <a href="#">Annexes</a> </div> <div class="navigation4"> <a href="#">Postes à Pourvoir</a> </div> <div class="navigation5"> <a href="#">Se présenter</a> </div> <div class="navigation6"> <a href="#">Intrigue en cours</a> </div> <div class="navigation7"> <a href="#">Questions</a> </div> <div class="navigation8"> <a href="#">Devenir partenaire</a> </div> <div class="navigation9"> <a href="#">Crédits et Staff</a> </div> <div class="titrenouvelles"> Nouvelles </div> <div class="nouvellesPA"> Lorem ipsum </div> <div class="titrestaff"> L'équipe </div> <div class="staffPA"> Lorem ipsum </div> <div class="titretop"> Votez ! </div> <div class="topPA"> <a href="#"><img src="http://img15.hostingpics.net/pics/672290top.png" /></a> <a href="#"><img src="http://img15.hostingpics.net/pics/598888topsite.png" /></a> <a href="#"><img src="http://img15.hostingpics.net/pics/672290top.png" /></a> <a href="#"> </a> </div><a href="#"> </a> <div class="partPA"> Nos amis les plus chers </div><a href="#"> </a> </div><a href="#"> </a> <div class="partenairesPA"> </div><a href="#"> </a> </center> Alors j'espère avoir réussi à être assez claire :s Sinon je mettrais des images. |
|
Dreamzz modératrice Messages : 375
Age : 30
Date d'inscription : 09/07/2016
Localisation : Montréal
| Sujet: Re: Problème de lien Dim 24 Juil - 21:27 | |
| En gros ta page d'accueil est gérée sur une page html et quand tu la mets dans ton iframe (je déduis que vous utilisez une balise iframe pour l'afficher) c'est comme si l'iframe est un page à l'intérieur de la page. C'est pas très clair ce que je dis, mais en gros le résultat est le même que lorsque tu es dans un onglet, tu cliques sur un lien et reste dans le même onglet. La solution que je connais pour régler le problème c'est d'ouvrir le lien dans un nouvel onglet une fois qu'on clique dessus. Pour ce faire il faut utiliser "target="_blank" mais c'est un peu obsolète niveau codage maintenant. Je ne connais pas de méthode plus récente. En attendant tu peux régler le problème en rédigeant tes balises de liens ainsi: - Code:
-
<a href="URL" target="_blank">Blabla</a> Ça va rediriger ton lien directement dans un nouvel onglet plutôt que de s'ouvrir dans ton message d'accueil (en gros dans le cadre défini par ton iframe). En espérant que ça te sera utile! Si tu veux tester un peu (ce que j'ai pas fait parce que je n'ai pas accès à une iframe en ce moment) tu peux peut-être lire cet article qui parle de la propriété target que je te propose d'utiliser. Je ne connais que "_blank" mais peut-être que l'une des autres valeurs te permettra d'ouvrir ton lien dans la même page! |
|
Argimpasa oh my fantastic Messages : 349
Age : 32
Date d'inscription : 05/03/2016
| Sujet: Re: Problème de lien Dim 24 Juil - 22:15 | |
| Je vais aller lire tout ça. Et merci d'ailleurs, ton astuce marche super bien |
|
Ethan Valtena oh my fantastic Messages : 59
Age : 32
Date d'inscription : 21/07/2016
| Sujet: Re: Problème de lien Dim 24 Juil - 22:54 | |
| - Dreamzz a écrit:
- . Pour ce faire il faut utiliser "target="_blank" mais c'est un peu obsolète niveau codage maintenant. Je ne connais pas de méthode plus récente.
La manière plus récente est de ne pas utiliser d'iframe pour des histoires de testabilité et d'accessibilité. On remplace de plus en plus par les web componante, mais c'est assez expérimental pour l'instant. - Dreamzz a écrit:
- En attendant tu peux régler le problème en rédigeant tes balises de liens ainsi:
- Code:
-
<a href="URL" target="_blank">Blabla</a> Ça va rediriger ton lien directement dans un nouvel onglet
généralement on évite d'ouvrir dans un nouvel onglet car c'est pas pratique pour les malvoyants et pour les navigateurs textuels( oui il y a des gens qui les utilises et j'en fais parfois partie ) - Code:
-
<a href="URL" target="_top">Blabla</a> ouvrira directement dans la même fenêtre. Même avec plusieurs niveau d'imbrication d'iframe.
Dernière édition par Ethan Valtena le Dim 24 Juil - 23:17, édité 1 fois |
|
Dreamzz modératrice Messages : 375
Age : 30
Date d'inscription : 09/07/2016
Localisation : Montréal
| Sujet: Re: Problème de lien Dim 24 Juil - 23:05 | |
| Le plaisir est pour moi, je me suis dit qu'en attendant faute de mieux c'était toujours bon à savoir.
Et merci Ethan Valtena pour les précisions, je n'arrivais pas à déterminer si "top" était justement celle qui permettrait de bien ouvrir dans le même onglet comme je ne m'en étais jamais servie auparavant (: |
|
| Sujet: Re: Problème de lien | |
| |
|