Mes "<a href>" ne marchent pas

Résolu
JVsn9 Messages postés 13 Date d'inscription   Statut Membre Dernière intervention   -  
JVsn9 Messages postés 13 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous, j'ai un problème de href, sur un même, sur des éléments mon href marche, et sur d'autres il ne marche pas, alors que tout est, me semble-t-il, bien écrit; voilà mes codes (HTML et CSS)

-----------------------------------------------HTML----------------------------------------------- 
<html>
 <head>
  <title>(Insérez ici le titre de la page)</title>
  <link rel="stylesheet" type="text/css" href="styles_pedagogique.css"/>
  <!-- <link rel="stylesheet" type="text/css" href="css.css"> -->
  <!-- <link rel="stylesheet" type="text/css" href="onglet_pedagogique.css"> -->
  <meta http.equiv="content.type";content="text/html";charset="UTF-8";/>
 </head>
 
 <body>

  <!-- Banderole -->

  <div id="banderole"> 
   <!-- Liens de bas de page -->
   
   <div id="Liens">
    <a href="#"> Accueil </a>
    <a href="#"> Contacts </a>
    <a href="#"> Foires </a>
    <a href="#"> Activités </a>
    <a href="#"> Plan d'accès </a>
   </div>

  <!-- Logo -->

   <div id="logo">
    <a href="#"><img src="./images/logo_provins_mini.png";alt="Accueil"></a>
   </div>
  
  <!-- "Bouton" Anglais/Français -->

   <div id="ENG">
    <a href="#"><img src="./images/EN.png";alt="Anglais/Français"></a>
   </div>
   
  </div>


  <!-- Carte -->

  <div id="carte">
   <a href="#"> CARTE </a>
  </div>
  
  <!-- Menu -->

  <div id="navigation">
   <ul>
    <li><a href="#">» Lien menu 1</a> </li>
    <li><a href="#">» Lien menu 2</a> </li>
    <li><a href="#">» Lien menu 3</a> </li>
   </ul>
  </div>


  <!-- Contenu -->

  <div id="boitecont">
   <div class="menu1"> 
   
   <!-- Début de la boite contenant les onglets -->

    <a class="onglet" href="base_touristique.html">Onglets 1</a> <!-- onglet inactif -->
    <a class="onglet-actif">Onglets 2</a> <!-- onglet ACTIF -->

   </div>
   
   <!-- Boîte pour le contenu -->
   
   <div id="content">
    <img id="plan_monument" src="./images/logo_provins_mini.png" alt="#">
    <img id="img_monument" src="./images/logo_provins_mini.png" alt="#">
    <p>Insérez le texte</p>
   </div>
  </div>

 </body>
</html>



--------------------------------- CSS ------------------------------ 


body{
 height:100%;
 width:100%;
 background-color:#FEE3BC;
 font-family:"Calibri";
}

/* Banderole */

#banderole {
 position:absolute;
 top:10px;
 width:100%;
 height:140px;
 border-style:solid;
}

/* Liens de contact*/

#Liens {
 position:absolute;
 bottom:5px;
 left:240px;
 height:20px;
 width:60%;
 min-width:300px;
 display:inline-block;
 border-style:solid;
}

/* Logo */

#Logo {
 position:absolute;
 left:10px;
 top:20px;
 display:inline-block;
 border-style:solid;
}

/* Bouton Anglais/Français */

#ENG {
 display:inline-block;
 position:absolute;
 right:5%;
 top:5%;
}

/* Carte */

#carte {
 height:90px;
 width:200px;
 position:absolute;
 top:160px;
 left:20px;
 border-radius:3px 3px 3px 3px;
 background-color:#37AD78;
 font-size:50px;
 text-align:center;
 padding-top:30px;
}

#Carte a:visited, #Carte a{
 color:black;
 text-decoration:none;
}

/* Menu de navigation*/

#navigation {
 position:absolute;
 top:292px;
 left:20px;
 height:310px;
 width:200px;
 background-color:#37AD78;
 border-radius:3px;
 min-height:150px;
 min-width:200px;
}

 /* Mise en forme de la liste déroulante */


#navigation ul {
 margin: 0;
 padding: 20px 20px;
 list-style: none;
}

#navigation ul li {
 border-bottom:solid;
 border-width:1px;
}

#navigation a {
 height: 1px;
 width:100%;
 padding: 5px 5px 5px 5px;
 line-height: 2.5;
 font-size: .9em;
 text-decoration: none;
 color: #000000;
}

#navigation li:hover, #navigation li a:focus {
 background: #2b865d;
}


/* Contenu */

.menu1 { /* boite qui contient le menu (les onglets) */
 padding-top:160px ; /* marge intérieure haute */
 padding-left:250px; /* marge intérieure gauche*/
 width:65%;
 min-width:500px;
 position:absolute;
 top:5px;
}

#content {
 position:absolute;
 background-color:#37AD78;
 border-radius: 3px;
 top:195px;
 left:240px;
 padding-top:50px ; /* marge intérieure haute */ /* marge intérieure basse */
 width:80%;
 padding-left:25px;
 min-width:500px;
 min-height:300px;
}

#content img{
 display:inline-block;
}

#img_monument{
 position:absolute;
 right:25px;
}

#content p {
 position:absolute;
 top:150px;
}

/* gestion des onglets */

.onglet { /* style des onglets inactifs */
 margin:5px 5px 0px 5px ; /* marge extérieure */
 padding:5px 10% 10px 10% ; /* marges extérieures */  
}

a.onglet { /* style des liens se trouvant dans un onglet inactif */
 background-color:#b31b1b  ; /* le fond de l'onglet est gris */
 text-decoration:none; /* les liens ne sont pas soulignés */
 border-radius: 10px 10px 0px 0px;
}

a.onglet:visited, a.onglet:hover, a.onglet:active {
 color:black;
}

.onglet-actif { /* style de l'onglet de la page active */
 margin:5px 5px 2px 5px ; /* marges intérieures */
 padding:5px 10% 20px 10% ; /* marges extérieures */  
 background-color:#37AD78; /* le fond de l'onglet actif est blanc*/
 border-radius: 10px 10px 0px 0px;
}


Ne vous occupez pas des redirections vers la page "base_touristique.html"

Merci d'avance pour votre aide, bonne journée à vous

EDIT: Ajout des balises de code

3 réponses

Réponse 1 / 3
Anth0x Messages postés 2736 Date d'inscription   Statut Membre Dernière intervention   968
 
Salut,

Si tu met pas de chemin dans t'es href il pointerons toujours sur rien... le dièse (#) seul sert à faire un "lien vide" pour tester son design et autres.
0
JVsn9 Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
en fait le problème ce n'est pas le lien de redirection, mais simplement la petite "main" qui ne s'affiche lorsque je survole l'élément
0
Réponse 2 / 3
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

1 - Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

2 - Peux tu détailler plus précisément ton souci ?
tu dis :
j'ai un problème de href, sur un même, sur des éléments mon href marche, et sur d'autres il ne marche pas

Un exemple de : lequel marche.. lequel ne marche pas.. pourrait nous aiguiller....


0
JVsn9 Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
Compris pour les colorations :p

Et pour les href, en fait en haut il y a un logo redirigeant vers une page d'accueil, des liens pour les renseignements, et un petit drapeau où quand on clique dessus, on arrive sur la même page en anglais, bref, j'ai bien mis les "#" pour créer les liens vides, et les éléments sont à peu près placés sur la même "ligne" si vous voyez ce que je veux dire, or lorsque je déplace un des éléments cités tout en bas de la page, la redirection marche..
0
Réponse 3 / 3
JVsn9 Messages postés 13 Date d'inscription   Statut Membre Dernière intervention  
 
Finalement j'ai trouvé ce qui n'allait pas, il y avait la div des onglets qui cachaient les éléments placés en haut à gauche, je mets en résolu!
0

Discussions similaires

image/lien HTML
petite_mure -
Elias -

11 réponses
[PHP] envoyer POST data avec <a href,,,>
Fr4ncky42 -
n0wak -

16 réponses
Href/Onclick sur une image
Alex_Mansion -
tortue -

2 réponses
Aide svp <a href><img></a>
Snip714 -
Gihef -

3 réponses
Href dans un div
Beber069 -
toto -

21 réponses