Liens qui ne marchent pas
Saheki
Messages postés
2
Statut
Membre
-
GrifOli Messages postés 2223 Statut Membre -
GrifOli Messages postés 2223 Statut Membre -
Bonjour, je fais un site et j'ai un souci car j'ai plusieurs liens avec des images et j'en ai deux sur quatre qui ne fonctionnent pas. J'ai bien regardé et la syntaxe est la même pour chaque lien, les pages existent bien, mais je n'ai rien au clic, il ne se passe rien, mon pointeur ne change pas d'état alors que pour les deux autres, tout va bien.
Les images dépourvues de liens sont celles de la div logo_elodil_acceuil et celle de la div histo
Les image elles s'affichent nickel.
Si quelqu'un voit mon erreur (qui doit être super grosse) et pouvait m'ouvrir les yeux, ça m'aiderai beaucoup.
J'ai testé sous mozilla, google chrome et je viens à l'instant de m'apercevoir que ça fonctionne sous IE (c'est la meilleur) ! Bref, je comprend plus rien.
Merci d'avance si vous avez une solution.
Sahéki
code html
css
Les images dépourvues de liens sont celles de la div logo_elodil_acceuil et celle de la div histo
Les image elles s'affichent nickel.
Si quelqu'un voit mon erreur (qui doit être super grosse) et pouvait m'ouvrir les yeux, ça m'aiderai beaucoup.
J'ai testé sous mozilla, google chrome et je viens à l'instant de m'apercevoir que ça fonctionne sous IE (c'est la meilleur) ! Bref, je comprend plus rien.
Merci d'avance si vous avez une solution.
Sahéki
code html
<div id='logo_elodil_acceuil'> <a href="essai.html" target="blank"><img src="Bulle_logo.gif"> </div> <div id='qqc'> <a href="Qqc.html" target="blank"><img src="Bulle_jaune_texte.gif"></a> </div> <div id='histo'> <a href="Histo.html" target="blank"><img src="Bulle_bleue_texte.gif"></a> </div> <div id='temoignages'> <a href="Temoignages.html" target="blank"><img src="Bulle_verte_texte.gif"></a> </div>
css
#logo_elodil_acceuil
{
text-align: center; /* sinon l'image est à gauche */
width:100%;
height :100%;
position:absolute;
top:50%; /* on met le haut à la moitié de l'écran */
margin:auto;
margin-top : -175px; /* on remonte l'élément de la moitié de la hauteur de l'élément */
}
#qqc
{
text-align: center; /* sinon l'image est à gauche */
width:140%;
height :100%;
position:absolute;
top:15%;
margin:auto;
margin-top : -59px;
}
#histo
{
text-align: center;/* sinon l'image est à gauche */
width:75%;
height :10%;
position:absolute;
top:75%;
margin:auto;
margin-top : -59px;
}
#temoignages
{
text-align: center;/* sinon l'image est à gauche */
width:140%;
height :50%;
position:absolute;
top:65%;
margin:auto;
margin-top : -59px;
}
A voir également:
- Liens qui ne marchent pas
- Vérificateur de liens - Guide
- Telecharger liens direct - Accueil - Outils
- Ou trouver les liens copiés sur android - Guide
- Raccourcir liens - Guide
- Liens de bara femme - Forum Webmastering
4 réponses
Sur cette ligne là:
<a href="essai.html" target="blank"><img src="Bulle_logo.gif">
Tu devrais avoir ceci:
<a href="essai.html" target="blank"><img src="Bulle_logo.gif"></a>
<a href="essai.html" target="blank"><img src="Bulle_logo.gif">
Tu devrais avoir ceci:
<a href="essai.html" target="blank"><img src="Bulle_logo.gif"></a>
Il y a également quelques autres petites bugs.
Lorsque tu entres un id, tu dois mettre le nom de ton id entre " ", non pas entre ' '.
Par exemple, au lieu d'avoir
<div id='logo_elodil_acceuil'>
tu devrais écrire <div id="logo_elodil_acceuil">
Finalement, quand tu veux mettre un target = blank, tu dois avoir une barre de soulignement en avant. Par exemple, au lieu d'avoir
<a href="essai.html" target="blank">
tu devrais avoir
<a href="essai.html" target="_blank">
Mais attention, si tu mets un target="_blank", ton site web ne sera pas conforme en doctype strict. On ne devrait donc pas y retrouver aucune mention de !DOCTYPE au dessus de <head>, par exemple:
Si tu veux être conforme aux normes, tu ne dois pas mettre de target="_blank"
Lorsque tu entres un id, tu dois mettre le nom de ton id entre " ", non pas entre ' '.
Par exemple, au lieu d'avoir
<div id='logo_elodil_acceuil'>
tu devrais écrire <div id="logo_elodil_acceuil">
Finalement, quand tu veux mettre un target = blank, tu dois avoir une barre de soulignement en avant. Par exemple, au lieu d'avoir
<a href="essai.html" target="blank">
tu devrais avoir
<a href="essai.html" target="_blank">
Mais attention, si tu mets un target="_blank", ton site web ne sera pas conforme en doctype strict. On ne devrait donc pas y retrouver aucune mention de !DOCTYPE au dessus de <head>, par exemple:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
Si tu veux être conforme aux normes, tu ne dois pas mettre de target="_blank"
Merci pour ces conseils, j'apprends seule alors parfois je fais des boulettes. J'ai pris notes des remarques et je les ai appliquées mais malheureusement ça ne règle pas mon problème qui en fait est un problème de compatibilité car comme j'ai pu le découvrir en faisant des tests, ça bug sous firefox et chrome mais pas sous IE (alors que généralement c'est l'inverse qd je code).
Firefox et Chrome utilisent les dernières normes xhtml. Tu as probablement une version Internet Explorer 7 ou antérieure (car IE8 respecte les nouvelles normes à ce que je sache). C'est pourquoi ton site s'affiche bien sous IE7, mais pas sous les autres navigateurs.
Peux-tu me donner le code source en entier de ton site ? Je pourrai peut-être voir ce qui cloche.
Peux-tu me donner le code source en entier de ton site ? Je pourrai peut-être voir ce qui cloche.