Se connecter avec
S'enregistrer | Connectez-vous

probleme de navigation sur mon site!

Dernière réponse : dans Programmation

Bonjour à tous et a toutes.

Voila, je suis en train de créer le site internet de l'entreprise et j'ulise dreamweaver. Pour l'instant j'utilise que du code html car je débute dans la programmation. J'ai créé ma page d'accueil index.htm et je l'ai mis sur l'hébergeur, ma page s'affiche. Seulement quand je veux affiché une autre page, il m'affcihe seulement mon bouton de navigation.

Pourtant quand je test en local, mes liens fonctionnent!

Quelq'un pourrait me dire pourquoi? Je suis pas sur que le probleme vienne de l'hebergeur, vous avez uen idée??

Autres pages sur : probleme navigation site

Lassé par la pub ? Créez un compte

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

  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
    

  3. <head>
    

  4. <title>LASER RAPIDE : Réparations, Locations et ventes de matériels informatique</title>
    

  5. <meta name="author" lang="fr" content="LASER RAPIDE">
    

  6. <meta name="description" content="informatique">
    

  7. <meta name="keywords" content="LASER, RAPIDE, location, réparation, installation, imprimante, ordinateur, écran, camescope, matériel HIFI, consoles, playstation, lecteur DVD, lecteur CD, électronique, laptop, portable, réseau,informatique, solutions, france telecom, orange, lexmark, brother, canon, dell, HP, acer">
    

  8. <meta name="identifier-URL" content="<a href="http://www.laserrapide.fr" target="_blank">http://www.laserrapide.fr</a>">
    

  9. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    

  10. <meta name="robots" content="none">
    

  11. </head>
    

  12.  
  13. <body>
    

  14. <table width="98%" border="0">
    

  15.   <tr> 
    

  16.     <td height="33" colspan="3"> <div align="center"></div>
    

  17.       <div align="center"> 
    

  18.         <table width="53%" border="0">
    

  19.           <tr> 
    

  20.             <td width="12%"><img src="../image%20site/un-autre-monde.jpg" width="100" height="100" /></td>
    

  21.             <td width="12%"><img src="../image%20site/eolienne.jpg" width="100" height="100" /></td>
    

  22.             <td width="13%"><img src="../image%20site/image.jpg" width="100" height="100" /></td>
    

  23.             <td width="14%"><img src="../image%20site/informatiq-syrte3.jpg" width="100" height="100" /></td>
    

  24.             <td width="13%"><img src="../image%20site/Ordi.jpg" width="100" height="100" /></td>
    

  25.             <td width="36%"><img src="../image%20site/technologie.jpg" width="100" height="100" /></td>
    

  26.           </tr>
    

  27.         </table>
    

  28.       </div></td>
    

  29.   </tr>
    

  30.   <tr bgcolor="#CCCCCC"> 
    

  31.     <td width="350" height="33"> <div align="center"></div></td>
    

  32.     <td><div align="center"><font face="Arial, Helvetica, sans-serif"> 
    

  33.         <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" target="_blank">http://download.macromedia.com/pub/shockwave/cabs/flash...</a>" name="accueil" width="68" height="17" id="accueil">
    

  34.           <param name="BGCOLOR" value="#CCCCCC" />
    

  35.           <param name="movie" value="accueil.swf" />
    

  36.           <param name="quality" value="high" />
    

  37.           <param name="base" value="." />
    

  38.           <param name="scale" value="exactfit" />
    

  39.           <embed src="accueil.swf" width="68" height="17" base="."  quality="high" pluginspage="<a href="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">http://www.macromedia.com/shockwave/download/index.cgi?...</a>" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#CCCCCC" name="accueil" ></embed> 
    

  40.         </object>
    

  41.              
    

  42.         <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" target="_blank">http://download.macromedia.com/pub/shockwave/cabs/flash...</a>" name="services" width="78" height="17" id="services">
    

  43.           <param name="BGCOLOR" value="#CCCCCC" />
    

  44.           <param name="movie" value="services.swf" />
    

  45.           <param name="quality" value="high" />
    

  46.           <param name="base" value="." />
    

  47.           <param name="scale" value="exactfit" />
    

  48.           <embed src="services.swf" width="78" height="17" base="."  quality="high" pluginspage="<a href="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">http://www.macromedia.com/shockwave/download/index.cgi?...</a>" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#CCCCCC" name="services" ></embed> 
    

  49.         </object>
    

  50.              
    

  51.         <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" target="_blank">http://download.macromedia.com/pub/shockwave/cabs/flash...</a>" name="TPE/PME" width="68" height="17" id="TPE/PME">
    

  52.           <param name="BGCOLOR" value="#CCCCCC" />
    

  53.           <param name="movie" value="solutions.swf" />
    

  54.           <param name="quality" value="high" />
    

  55.           <param name="base" value="." />
    

  56.           <param name="scale" value="exactfit" />
    

  57.           <embed src="solutions.swf" width="68" height="17" base="."  quality="high" pluginspage="<a href="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">http://www.macromedia.com/shockwave/download/index.cgi?...</a>" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#CCCCCC" name="TPE/PME" ></embed> 
    

  58.         </object>
    

  59.              
    

  60.         <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" target="_blank">http://download.macromedia.com/pub/shockwave/cabs/flash...</a>" name="contacts" width="84" height="17" id="contacts">
    

  61.           <param name="movie" value="contact.swf" />
    

  62.           <param name="quality" value="high" />
    

  63.           <param name="base" value="." />
    

  64.           <param name="bgcolor" value="#CCCCCC" />
    

  65.           <param name="scale" value="exactfit" />
    

  66.           <embed src="contact.swf" width="84" height="17" base="."  quality="high" pluginspage="<a href="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">http://www.macromedia.com/shockwave/download/index.cgi?...</a>" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#CCCCCC" name="contacts"></embed> 
    

  67.         </object>
    

  68.              
    

  69.         <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" target="_blank">http://download.macromedia.com/pub/shockwave/cabs/flash...</a>" name="partenaires" width="107" height="17" id="partenaires">
    

  70.           <param name="BGCOLOR" value="#CCCCCC" />
    

  71.           <param name="movie" value="partenaire.swf" />
    

  72.           <param name="quality" value="high" />
    

  73.           <param name="base" value="." />
    

  74.           <param name="scale" value="exactfit" />
    

  75.           <embed src="partenaire.swf" width="107" height="17" base="."  quality="high" pluginspage="<a href="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">http://www.macromedia.com/shockwave/download/index.cgi?...</a>" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#CCCCCC" name="partenaires" ></embed> 
    

  76.         </object>
    

  77.         </font></div></td>
    

  78.     <td width="350" height="33"> </td>
    

  79.   </tr>
    

  80.   <tr bgcolor="#FFFFFF"> 
    

  81.     <td width="350" height="207"> </td>
    

  82.     <td width="629" valign="top"><h1 align="center">LASER RAPIDE : Solutions informatique 
    

  83.         aux particuliers et aux entreprises </h1>
    

  84.       <div align="justify"> 
    

  85.         <p> </p>
    

  86.       </div>
    

  87.       <table width="99%" border="0">
    

  88.         <tr> 
    

  89.           <td width="57%"> </td>
    

  90.           <td width="12%"><div align="right"><img src="../image%20site/reseaulocal.jpg" width="200" height="200" /></div></td>
    

  91.           <td width="31%"><div align="right"><img src="../image%20site/21062007014%20%5B800x600%5D%20%5B320x200%5D.jpg" width="267" height="200" /></div></td>
    

  92.         </tr>
    

  93.       </table>
    

  94.       <p align="right"> </p></td>
    

  95.     <td width="350"> </td>
    

  96.   </tr>
    

  97.   <tr> 
    

  98.     <td width="350" height="50"> </td>
    

  99.     <td height="50"> <table width="100%" border="0">
    

  100.         <tr> 
    

  101.           <td><div align="center"><img src="../image%20site/portable.gif" width="50" height="50" /></div></td>
    

  102.           <td><div align="center"><img src="../image%20site/dimen.jpg" width="50" height="50" /></div></td>
    

  103.           <td><div align="center"><img src="../image%20site/IMP.jpg" width="50" height="50" /></div></td>
    

  104.           <td><div align="center"><img src="../image%20site/imprim-laser.gif" width="50" height="50" /></div></td>
    

  105.           <td><div align="center"><img src="../image%20site/Brother_Fax-T102.jpeg" width="50" height="50" /></div></td>
    

  106.           <td><div align="center"><img src="../image%20site/421848.jpg" width="50" height="50" /></div></td>
    

  107.           <td><div align="center"><img src="../image%20site/1626581.jpg" width="50" height="50" /></div></td>
    

  108.           <td><div align="center"><img src="../image%20site/radio_p.jpg" width="50" height="50" /></div></td>
    

  109.           <td><div align="center"><img src="../image%20site/television50.gif" width="50" height="50" /></div></td>
    

  110.         </tr>
    

  111.       </table>
    

  112.       <p><em><strong>Le site Internet est en cours de construction</strong>, toutes 
    

  113.         les pages ne sont pas encore accessibles, veuillez nous excuser pour ce 
    

  114.         gêne occasioné. Pour toutes vos questions, il vous est possible 
    

  115.         de nous contacter au <strong>05.45.95.20.96</strong>. Merci de votre comprehension.</em></p>
    

  116.       <p> </p>
    

  117.       <p> </p>
    

  118.       <p> </p>
    

  119.       <p> </p>
    

  120.       <p> </p>
    

  121.       <p><br />
    

  122.       </p></td>
    

  123.     <td width="350" height="50"> </td>
    

  124.   </tr>
    

  125. </table>
    

  126. </body>
    

  127. </html>


Voila le code de ma page index.htm 

  1. # <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" target="_blank">http://download.macromedia.com/pub/shockwave/cabs/flash...</a>" name="services" width="78" height="17" id="services">
    

  2. #           <param name="BGCOLOR" value="#CCCCCC" />
    

  3. #           <param name="movie" value="services.swf" />
    

  4. #           <param name="quality" value="high" />
    

  5. #           <param name="base" value="." />
    

  6. #           <param name="scale" value="exactfit" />
    

  7. #           <embed src="services.swf" width="78" height="17" base="."  quality="high" pluginspage="<a href="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">http://www.macromedia.com/shockwave/download/index.cgi?...</a>" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#CCCCCC" name="services" ></embed>
    

  8. #         </object>


C'est le code qui concerne le bouton
Expert Programmation

Salut,

sans vouloir paraître le moins du monde méchant, faire des boutons (surtout aussi simples !) en Flash, c'est vraiment mal ! :) 

Tu pourrais faire la même chose en 2 lignes si tu regardais les feuilles de styles (css)

Ex pour le lien de retour à l'accueil.

HTML
  1. <a href="index.htm">ACCUEIL</a>


CSS
  1. a {
    

  2.     font-family: verdana;
    

  3.     font-size: 2em;
    

  4.     color: #fff; // blanc
    

  5.     background: #ccc; // gris
    

  6. }
    

  7.  
  8. a hover {
    

  9.    color: #ff0; // jaune
    

  10. }

Désolé Zeb d'avoir réagit comme ca, mais je galère depuis lontemps dessus c'est pour ca, de toute façon toute réprimande est bonne à prendre, cela forge la connaissance. Est ce que je peux intégrer du CSS juste pour mes liens? Si je peux, alor je me lance dès Lundi, merci!!

oki doki, je ferais plus avec un peu plus d'explication sur le CSS, our l'instant je voudrais faire marché le site internet le plus rapidement possible, j'aurais toujours la possibilité ensuite d'améliorer celui ci avec les feuilles de styles.
Si je comprend bien, j'insère le code de mon lien à l'endroit où je veux qu'il s'affiche, mais le code CSS je ne vois pas trop, avec aucune expérience, où le placer!!

J'ai réussi à trouver où il fallait insérer le code pour le CSS, par contre je ne comprends pas pourquoi je ne vois pas la couleur jaune quand je survole mon lien et pourquoi il est toujours affiché en violet lorsque je clique dessus!

Alors avec Firefox je vois bien mes liens qui correspondent à le code CSS sauf que je ne vois pas la couleur de survol, et alor avec IE j'ai mes liens qui s'affichent en violet comme si on avait deja cliqué dessus avec le soulignement!

oui je sais mais au lycée, le développement et moi on s'entendait pas très bien.
Je ne cherche pas non plus à faire quelque chose de super extraordinaire, juste quelque chose qui soit agreable à l'oeil du visiteur.
Je vais laisser de coté le survol des liens, et essayé de ne plus avoir mes liens en violet et soulignés sur I.E., je vais continuer mes recherches pour trouver comment puis je faire, je ais essayer de comprendre un peu comment fonctionne le CSS, et lire la page que tu m'as donné BraindeadBZH

Bon ce qu'il y a à comprendre, c'est que tu devrais mieux mettre
  1. # a {
    

  2. #   text-decoration: none;
    

  3. #   font-family: arial;
    

  4. #   font-size: 15px;
    

  5. #   font-weight: bold;
    

  6. #   color: #ffffff; // blanc
    

  7. #   background: #cccccc; // gris
    

  8. #     }
    

  9. #   a hover {
    

  10. #   color: #ffff00; // jaune
    

  11. #   }

dans un fichier à part et l'inclure entre la balises html <head> avec
  1. <link rel="stylesheet" type="text/css" href="mystyle.css"/>

en remplaçant bien sur "mystyle.css" par le nom de ton fichier. Pour eviter le soulignement des liens, utilises
  1. text-decoration: none
et la couleur avec 
  1. color :  rgb(0,0,255)

Ok cela fonctionne, mais toujours pas de surlignement c'est pas grave je vais laisser tomber ceci pour l'instant. Je verrais après, par contre j'aurais un shéma à vous montrer pour savoir si c'est réalisable en CSS mais je sais pas comment le posté sur le forum

j'ai regardé le code de ta page à partir du site http://www.laserrapide.fr/.
tu mets
  1. <head>
    

  2. <title>LASER RAPIDE : Réparations, Locations et ventes de matériels informatique</title>
    

  3. <meta name="author" lang="fr" content="LASER RAPIDE">
    

  4. <meta name="description" content="informatique">
    

  5. <meta name="keywords" content="LASER, RAPIDE, location, réparation, installation, imprimante, ordinateur, écran, camescope, matériel HIFI, consoles, playstation, lecteur DVD, lecteur CD, électronique, laptop, portable, réseau,informatique, solutions, france telecom, orange, lexmark, brother, canon, dell, HP, acer">
    

  6. <meta name="identifier-URL" content="<a href="http://www.laserrapide.fr" target="_blank">http://www.laserrapide.fr</a>">
    

  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    

  8. <meta name="robots" content="none">
    

  9. <style type="	">
    

  10.   a {
    

  11.   text-decoration: none;
    

  12.   font-family: arial;
    

  13.   font-size: 15px;
    

  14.   font-weight: bold;
    

  15.   color: #ffffff; // blanc
    

  16.   background: #cccccc; // gris
    

  17.     }
    

  18. </style>
    

  19. </head>

alors que ça devrait être
  1. <head>
    

  2. <title>LASER RAPIDE : Réparations, Locations et ventes de matériels informatique</title>
    

  3. <meta name="author" lang="fr" content="LASER RAPIDE">
    

  4. <meta name="description" content="informatique">
    

  5. <meta name="keywords" content="LASER, RAPIDE, location, réparation, installation, imprimante, ordinateur, écran, camescope, matériel HIFI, consoles, playstation, lecteur DVD, lecteur CD, électronique, laptop, portable, réseau,informatique, solutions, france telecom, orange, lexmark, brother, canon, dell, HP, acer">
    

  6. <meta name="identifier-URL" content="<a href="http://www.laserrapide.fr" target="_blank">http://www.laserrapide.fr</a>">
    

  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    

  8. <meta name="robots" content="none">
    

  9. <link rel="stylesheet" type="text/css" href="style.css"/>
    

  10. </head>

En effet doit y avoir un souci, je viens de supprimer le fichier sur style.css sur l'hebergeur et il n'y a pas de changement. J'ai remarqué aussi que dans mon code, au niveau de la ligne 9 du premier code, il y a une tabulation entre les guillemets. En faite j'ai remplacé cette tabulation par "text/css" et je pense que cela viens de là pour mes liens!!

Donc pour ce léger probleme c'est régler, je te remerci ainsi que les autres pour cette aide précieuse. par contre j'ai autre chose
Citation :
Je verrais après, par contre j'aurais un shéma à vous montrer pour savoir si c'est réalisable en CSS mais je sais pas comment le posté sur le forum

Un schema c'est vite dit, c'est juste un dessin permettant de voir comment je veux partager mes pages en HTML, ainsi peut etre que vous pouvez me dire si c'est possible de réaliser ceci avec du CSS!

Donc j'ai utilisé l'hebergeur que tu m'as indiqué je ne sais pas si je m'y suis bien pris pour te montrer le schema

Ok donc tout ceci est possible, les balises <div> font parties du CSS ou du HTML? En tout cas je vau y travailler dessus car je suppose qu'une fois fait, il n'y a rien qui bouge, c'est statique car je veu pa qu'il y est de changement sur chaque page, enfin ce qui concerne la mise en page principale
Lassé par la pub ? Créez un compte

Créer un nouveau sujet