18073 sujets

Questions générales et questions de débutants

Liens qui n'apparaissent pas!

Salut,

Voici un futur site dédié à un club de course à pied
http://users.skynet.be/kain_bruyere/

Allez voir à la page 'Contactez-nous!' et voici ce que vous devriez voir!

(Edité par Raphaël : merci de bien vouloir créer des vignettes lorsque vous voulez afficher des images gigantesques sur le forum, sinon tout sera décalé sur certaines résolutions)


Il me manque 4 liens et je ne peux expliquer où ils sont! J'ai recommencé plusieurs fois ma page et rien n'y fait! Peut-être que quelqu'un a une idée (c'est depuis que j'ai mis l'option '_blank') ... je laisse mon code au cas où ! ! !

NB Je suis à mon premier site et il y a plus d'un mois je n'y connaissais rien. Si vous avez des idées pour améliorer ce site en construction, n'hésitez pas ... je suis preneur!


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
	background-image: url(GettingStarted/BACKGRND112.jpg);
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<div id="Layer1" style="position:absolute; left:20px; top:450px; width:218px; height:100px; z-index:1"><a href="http://www.acrho.be" target="_blank"><img src="Images/Lienacrho.jpg" alt="acrho.be" name="acrho" width="218" height="100" border="0" id="acrho"></a></div>
<div id="Layer2" style="position:absolute; left:237px; top:450px; width:224px; height:100px; z-index:2"><a href="http://users.skynet.be/chj/" target="_blank"><img src="Images/LienCHjeunes.jpg" alt="Challenge des jeunes" name="Chjeunes" width="224" height="100" border="0" id="Chjeunes"></a></div>
<div id="Layer3" style="position:absolute; left:461px; top:450px; width:140px; height:100px; z-index:3"><a href="http://users.skynet.be/fa042229/delhalle/index.html" target="_blank"><img src="Images/Liendellhale.jpg" alt="Challenge Delhalle" name="delhalle" width="140" height="100" border="0" id="delhalle"></a></div>
<div id="Layer4" style="position:absolute; left:20px; top:551px; width:84px; height:100px; z-index:4"><a href="http://users.swing.be/sw368873/accueil.htm" target="_blank"><img src="Images/LienRUSTA.jpg" alt="RUSTA" name="Rusta" width="83" height="100" border="0" id="Rusta"></a></div>
<div id="Layer5" style="position:absolute; left:104px; top:551px; width:176px; height:100px; z-index:5"><a href="http://www.cphchallenge.be/" target="_blank"><img src="Images/Liencph.jpg" alt="Chalenge CPH" name="CPH" width="176" height="100" border="0" id="CPH"></a></div>
<div id="Layer6" style="position:absolute; left:280px; top:551px; width:319px; height:100px; z-index:6"><a href="http://www.jogging.org/" target="_blank"><img src="Images/LienJoggingorg.jpg" alt="Jogging.org" name="Org" width="320" height="100" border="0" id="Org"></a></div>
<div align="center">
  <p><img src="Images/tetecontact.jpg" width="728" height="108"></p>
  <p>&nbsp;</p>
  <p align="left">Un peu redondant par rapport au livre d'or, cette page permettra d'avoir un lien vers certaines adresses email pour les gens qui ont des questions &agrave; poser.</p>
  <p align="left">On pourrait y ins&eacute;rer une s&eacute;rie de liens vers d'autres sites!<br>
  </p>
</div>
</body>
</html>

Modifié par Raphael (27 Mar 2005 - 19:11)
Bonjour sebe Smiley cligne

Je crains malheureusement que la façon dont tu as présenté ton message n' incite pas beaucoup de monde à te répondre Smiley decu

Je te propose d'éventuellement parcourir les règles du forum

Surtout en ce qui concerne la présentation de ton code et cette image géante qui nous saute à la tête dés l'ouverture du message Smiley cligne .
Administrateur
Salut Sebe et bienvenue ici,

A regarder ton code, je pense que tu as utilisé dreamweaver pour produire ta page (javascripts propriétaires, styles imbriqués directement dans les balises, etc.)

Je n'ai rien contre les logiciels qui produisent du code automatique, mais là on atteint des sommets de complexification inutile : des styles disséminés dans la page, des blocs vides ( <p>&nbsp;</p>), etc.

Difficile de répondre simplement à ton problème de liens invisibles : ta mise en page à l'aide de position absolues sur chaque élément ne me semble pas utile dans ton cas.
Il faudrait un peu plus d'explications pour bien comprendre la situation.

Pourquoi as-tu opté pour ce positionnement absolu ?

Autre chose : pourquoi as-tu imbriqué chaque lien <a> dans un bloc <div> ?

a écrit :
Surtout en ce qui concerne la présentation de ton code et cette image géante qui nous saute à la tête dés l'ouverture du message
J'ai édité cette image justement.
Modifié par Raphael (27 Mar 2005 - 19:19)
DreamWeaver est à la programmation ce que le paralax est au ski ... une façon plus facile d'apprendre mais en oubliant les bases!

Donc, certaines lignes ne servent à rien ... je les retires et on visionnera un code plus clair pour peut-être trouver la solution à mon problème.

Pour l'image, sorry, j'ai fait cela vite fait et je n'ai pas regarder ! ! !
J'ai apporté quelques petits changements suggérés mais les lien <a> dans un bloc <div> ... puis-je les retirer sans problème?

Positionnement absolu? Je suppose que c'est à cause des cadres ... j'ai tout mis dans le même. Faut-il enlever tous les cadres mais alors comment je décale mon image sur le plan (absysse et ordonnée)?

Voici le code un peu plus light ... je revois mes autres pages aussi ! ! !
Merci



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
	background-image: url(GettingStarted/BACKGRND112.jpg);
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<div id="Layer1" style="position:absolute; left:88px; top:398px; width:583px; height:204px; z-index:1"><a href="http://www.acrho.be" target="_blank"><img src="Images/Lienacrho.jpg" alt="acrho.be" name="acrho" width="218" height="100" border="0" id="acrho"></a><a href="http://users.skynet.be/chj/" target="_blank"><img src="Images/LienCHjeunes.jpg" alt="Challenge des jeunes" name="Chjeunes" width="224" height="100" border="0" id="Chjeunes"></a><a href="http://users.skynet.be/fa042229/delhalle/index.html" target="_blank"><img src="Images/Liendellhale.jpg" alt="Challenge Delhalle" name="delhalle" width="140" height="100" border="0" id="delhalle"></a><a href="http://users.swing.be/sw368873/accueil.htm" target="_blank"><img src="Images/LienRUSTA.jpg" alt="RUSTA" name="Rusta" width="83" height="100" border="0" id="Rusta"></a><a href="http://www.cphchallenge.be/" target="_blank"><img src="Images/Liencph.jpg" alt="Chalenge CPH" name="CPH" width="176" height="100" border="0" id="CPH"></a><a href="http://www.jogging.org/" target="_blank"><img src="Images/LienJoggingorg.jpg" alt="Jogging.org" name="Org" width="324" height="100" border="0" id="Org"></a></div>
<div align="center">
  <p><img src="Images/tetecontact.jpg" width="728" height="108"></p>
  
  <p align="left">Un peu redondant par rapport au livre d'or, cette page permettra d'avoir un lien vers certaines adresses email pour les gens qui ont des questions &agrave; poser.</p>
  <p align="left">On pourrait y ins&eacute;rer une s&eacute;rie de liens vers d'autres sites!<br>
    </p>
</div>
</body>
</html>

Sujet clos
Aller à