Problème de liens sous IE

Version imprimable

07/05/2007, 16h34
bernard 92

Problème de liens sous IE

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
07/05/2007, 17h09
Ikonic

Salut,

Voici un exemple de ton code présent

Code:

<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:

<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à...
08/05/2007, 09h09
bernard 92

merci pour ton message

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

Salut,

pourquoi pas remplacer le input par un div ?

remplace ceci

Code:

<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:

<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:

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.

08/05/2007, 18h24
Vitoo

En plus tu seras en xHTML 1.0 Strict !
08/05/2007, 19h32
bernard 92

cela semble fonctionner

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
08/05/2007, 21h11
Ikonic

Sais-tu à quoi corrspond ceci ?

Code:

<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 ;)
09/05/2007, 11h51
bernard 92

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;
}
09/05/2007, 18h06
Ikonic

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

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

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:

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

10/05/2007, 16h34
bernard 92

désolé Ikonic vous parlez tres bien le français

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
10/05/2007, 16h36
Kerod

Pas besoin de savoir manipuler ;)

TU vas dans le répertoire res_css puis tu ouvres le fichier c_main.css et tu ajoutes le css dedans. et c'est tout :mrgreen:
15/05/2007, 09h45
bernard 92

Merci

merci à tous pour vos réponses