Bonjour à tous !

J'ai envoyé par e-mail une page stockée sur mon site via Safari et Mail.
J'ai testé avec différentes adresses et logiciels de messageries. Tout était OK. Smiley smile
Au cas où cette page ne s'afficherait pas correctement, j'avais prévu un lien cliquable renvoyant au site.

Deux des destinataires m'ont informée que ça ne fonctionnait pas. Smiley decu
Dans leurs messages j'ai remarqué que le lien cliquable renvoyant au site n'était pas le même que dans le message d'envoi : http://studiosylviec.free.fr/site/2012.html

Pour l'un il était devenu http://webmail15.orange.fr/webmail/fr_FR/2012.html pour l'autre http://studiosylviec.free.fr/2012.html

Comment cela est-il possible Smiley ohwell ?
Si vous avez une idée, j'aimerais bien comprendre.
j'envoie cette page http://studiosylviec.free.fr/site/2012_email2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
      <link rel="icon" type="image/png" href="images/logo.png" />
      <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
      <meta name="Description" content="Studio Sylvie C. Maquettiste PAO"/>
<meta name="Keywords" content="sylvie c., maquettiste, pao, numérisation a3, lettrage, mise en page, bande dessinée, bandes dessinées, réalisation d'index"/>
<link rel="stylesheet"/>

              <title>STUDIO SYLVIE C. - VŒUX 2012</title>
              
          

         </head>
          <body bgcolor="#808080">
         <font color="#C0C0C0" face="arial" size="2pt"> 
         
  <div align="center">
     <p>Si ce message ne s'affiche pas correctement, visualisez-le <a href="2012.html"  style="text-decoration:none;" >  <font color="#C0C0C0" face="arial" size="2pt"> <u>ICI </u></font> </a></p>
        
             
             
             <a href="accueil.html"><img src="cartevisite/SSC_2012_animation.gif" alt="STUDIO SYLVIE C." width="75%" height="75%" border="0"/></a>
             </div>
          </font>
          </body>
      </html>
pixelb a écrit :
Dans ton document html il faut que tu mettes tous tes liens en absolu et non en relatif.


Ce qui veut dire qu'il faut que je mette le chemin complet, c'est à dire "http://studiosylviec.free.fr/site/2012.html" au lieu de "2012.html" ?

Ou alors simplement "/site/2012.html" ?
Modifié par BJSC (14 Jan 2012 - 19:22)
Le nouveau code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
      <link rel="icon" type="image/png" href="images/logo.png" />
      <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
      <meta name="Description" content="Studio Sylvie C. Maquettiste PAO"/>
<meta name="Keywords" content="sylvie c., maquettiste, pao, numérisation a3, lettrage, mise en page, bande dessinée, bandes dessinées, réalisation d'index"/>
<link rel="stylesheet"/>

              <title>STUDIO SYLVIE C. - VŒUX 2012</title>
              
          

         </head>
          <body bgcolor="#808080">
         <font color="#C0C0C0" face="arial" size="2pt"> 
         
  <div align="center">
     <p>Si ce message ne s'affiche pas correctement, visualisez-le <a href="http://studiosylviec.free.fr/site/2012.html" TARGET="_blank" style="text-decoration:none;" >  <font color="#C0C0C0" face="arial" size="2pt"> <u>ICI </u></font> </a></p>
        
             
             
             <a href="http://studiosylviec.free.fr/site/accueil.html" TARGET="_blank"><img src="http://studiosylviec.free.fr/site/cartevisite/SSC_2012_animation.gif" alt="STUDIO SYLVIE C." width="75%" height="75%" border="0"/></a>
             </div>
          </font>
          </body>
      </html>
Tu dois aussi en faire de même avec tes images.

Renseigne toi sur la différence entre les liens absolus et relatifs pour bien comprendre, c'est une notion très importante.
pixelb a écrit :
Tu dois aussi en faire de même avec tes images.


C'est bien ce que j'ai fait (il n'y a qu'une image) :
<a href="http://studiosylviec.free.fr/site/accueil.html" TARGET="_blank"><img src="http://studiosylviec.free.fr/site/cartevisite/SSC_2012_animation.gif" alt="STUDIO SYLVIE C." width="75%" height="75%" border="0"/></a>



pixelb a écrit :
Renseigne toi sur la différence entre les liens absolus et relatifs pour bien comprendre, c'est une notion très importante.

J'ai commencé à potasser le sujet Smiley langue
Modifié par BJSC (15 Jan 2012 - 12:13)
Avec beaucoup (trop) de retard, je viens remercier pixelb. Son truc est un bon truc (liens en absolu) !
Merci !