AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  



 

Partagez | 
 

 Problème de lien

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

avatar
oh my fantastic
Messages : 349
Age : 25
Date d'inscription : 05/03/2016

MessageSujet: 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 Very Happy

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.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar
modératrice
Messages : 375
Age : 23
Date d'inscription : 09/07/2016
Localisation : Montréal

MessageSujet: 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!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar
oh my fantastic
Messages : 349
Age : 25
Date d'inscription : 05/03/2016

MessageSujet: 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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar
oh my fantastic
Messages : 59
Age : 26
Date d'inscription : 21/07/2016

MessageSujet: 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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rpdiv.com

avatar
modératrice
Messages : 375
Age : 23
Date d'inscription : 09/07/2016
Localisation : Montréal

MessageSujet: 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 (:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur


Contenu sponsorisé

MessageSujet: Re: Problème de lien   

Revenir en haut Aller en bas
 

Problème de lien

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème avec Rapport de taxes
» Problème urgent: trouver un job (pour débloquer mes Assedic)
» Problème d'envoie de facture par email
» présoldes sur auchan, voici le lien:
» Echange de lien

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
OH MY RPG! :: OH MY SERVICES ! :: Le codage :: Questions/Réponses-