Problème de liens sous IE

**bernard 92** · 07/05/2007, 16h34

Bonjour,

Je suis débutant en html et j'ai fait une page d'accueil ( index.html ) sur des pages avec des liens internes qui renvoient sur les autres pages.
Cela fonctionne bien sous Firefox, Netscape et Safari par contre les liens ne marchent pas sous IE.
Par ailleurs si je vais dans les pages internes j'ai aussi des liens pour passer à la page suivante ou revenir à la page précédente. La, les liens fonctionnent quel que soit le navigateur.
J'ai vérifié le code je ne vois rien qui cloche.
Merci par avance de vos idées car c'est tout de même pénalisant d'avoir un site qui ne fonctionne pas avec IE.

outil d'édition utilisé Nvu version 1
site pour voir : http://mademoisellehuguetti.site.voila.fr

cordialement

**Ikonic** · 07/05/2007, 17h09

Salut,

Voici un exemple de ton code présent

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="presquetoile.html"> <input value="Presqu'étoile..." style="font-family: Arial; font-size: 17px; color: rgb(0, 0,0); background-color: rgb(218, 206, 150); width: 180px;" type="reset">

Tu n'as déjà pas fermé la balise de lien...

essaie avec ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="presquetoile.html"> <input value="Presqu'étoile..." style="font-family: Arial; font-size: 17px; color: rgb(0, 0,0); background-color: rgb(218, 206, 150); width: 180px;" type="reset"></a>

Après j'ai jamais mélangé un lien hypertexte avec un input... possible que le problème vienne de là...

**bernard 92** · 08/05/2007, 09h09

j'ai rajouté la balise </a> mais cela ne donne rien.
comment faire autrement pour remplacer input value
il s'agit du titre d'un bouton

cordialement

**Ikonic** · 08/05/2007, 12h09

Salut,

pourquoi pas remplacer le input par un div ?

remplace ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="presquetoile.html"> <input value="Presqu'étoile..." style="font-family: Arial; font-size: 17px; color: rgb(0, 0,0); background-color: rgb(218, 206, 150); width: 180px;" type="reset"></a>

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="bouton"><a href="presquetoile.html" class="lien">Presqu'étoile...</a></div>

et tes balises head (ou dans une feuille de style externe), définis les attributs des classes bouton et lien, soit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
.bouton {
  width: 180px;
  font-family: Arial;
  font-size: 17px;
  color: #000000;
  background-color: #dace96;
  border: 2px solid #ffffff;
}
 
a.lien:link, a.lien:visited, a.lien:active, a.lien:hover {
  color: #000000;
  text-decoration: underline;  
}

Ceci est un exemple, je te laisse voir la valeur que peut prendre chaque attribut et les autres attributs css que peut avoir un div ou lien hypertexte.

**Vitoo** · 08/05/2007, 18h24

En plus tu seras en xHTML 1.0 Strict !

**bernard 92** · 08/05/2007, 19h32

merci mais encore une question ou dois je inserer les attributs des classes boutons et liens ?
dans la balise head mais ou exactement ?

<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type">
<title>Voila - Mon Site - FTP Web</title>

<link type="TEXT/CSS" rel="stylesheet" href="/res_css/c_main.css">

<script language="javascript" src="/res_jvs/c_var.js"></script>
<script language="javascript" src="/res_jvs/c.js"></script>
</head>

cordialement

**Ikonic** · 08/05/2007, 21h11

Sais-tu à quoi corrspond ceci ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link type="TEXT/CSS" rel="stylesheet" href="/res_css/c_main.css">

Tu as donc une feuille de styles en cascade externe, donc tu peux mettre les attributs des classes boutons et liens dans cette feuille c_main.css

**bernard 92** · 09/05/2007, 11h51

Je n'ai pas de feuille de style en externe.
comment puis je simplement définir un bouton 180 px sur 17 px qui fait lien vers une autre page

<div class="bouton"><a href="presquetoile.html" class="lien">Presqu'étoile...</a></div>
ceci fonctionne mais c'est juste un lien

comment et ou dois je placer le code suivant:

bouton {
width: 180px;
font-family: Arial;
font-size: 17px;
color: #000000;
background-color: #dace96;
border: 2px solid #ffffff;
}

a.lien:link, a.lien:visited, a.lien:active, a.lien:hover {
color: #000000;
text-decoration: underline;
}

**Ikonic** · 09/05/2007, 18h06

Je dois pas parler français ou alors mon post précédent est invisible... ^^

**Kerod** · 09/05/2007, 18h28

Pendant que l'on y est pourquoi définir deux classes ??

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
a.liens
{
width: 180px;
display: block;
font-family: Arial;
font-size: 17px;
color: #000000;
background-color: #dace96;
border: 2px solid #ffffff;
text-decoration: none;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a class="liens" href="test.htm">Test</a>
<a class="liens" href="test.htm">Test</a>
<a class="liens" href="test.htm">Test</a>

Si tu veux vraiment que ce soit souligné suffit de remplacer le none ou de ne même pas le définir

**bernard 92** · 10/05/2007, 16h34

mais pour moi

<link type="TEXT/CSS" rel="stylesheet" href="/res_css/c_main.css">

cela ne veut absolument rien dire. je ne sais pas manier les feuilles de style.

cordialement