petit question sur un petit probléme

petit question sur un petit probléme - HTML/CSS - Programmation

Marsh Posté le 30-10-2007 à 11:44:26    

salut a tous
 
voila comment est organiser mon site:
 
/index.html
/images/image.jpg
 
dans index.html je met cette ligne:
<img src="../images/image.jpg"/>  
sous apache sur un serveur dedier debian ça marche mais sous XAMPP sous mac ou je developpe mes site l'image n'apparait pas, Pourquoi? merci
 

Reply

Marsh Posté le 30-10-2007 à 11:44:26   

Reply

Marsh Posté le 30-10-2007 à 11:47:48    

Pourquoi tu mets ../ ? [:johneh] Si le dossier images est à côté de index.html, pas besoin

Reply

Marsh Posté le 30-10-2007 à 13:24:46    

en fait ça donne ça exactement:
 
/index.php --> <?php include("dossier/entete.php" ); ?>
/dossier/entete.php --> <img src="../images/image.jpg"/>
/dossier2/index.php -->  <?php include("../dossier/entete.php" ); ?>

Reply

Marsh Posté le 30-10-2007 à 14:20:33    

Y'a pas de ../ à mettre, vu que le fichier entete est inclus dans index. Inclus = comme si tu faisais un copié/coller. Donc tout se fait par rapport à index.php

Reply

Marsh Posté le 30-10-2007 à 14:32:15    

ok mais pour /dossier2/index.php ?

Reply

Marsh Posté le 30-10-2007 à 14:35:01    

Héhé, c'est là où c'est la merde. Alors tu peux tout préceder d'un / pour renseigner la racine, style :

Code :
  1. <img src="/images/image/jpg" alt="" />


(on n'oublie pas le alt obligatoire :o )

 

Maintenant en local si t'es dans un dossier ça foire évidemment. Moi j'ai tout résolu, je met systématiquement un <base> qui renseigne l'url de base. Ensuite tout le reste est référencé par cette url. Genre en local :

Code :
  1. ...
  2. <head>
  3.   <base href="http://localhost/monsite/" />
  4. ...


En ligne tu fera

Code :
  1. <head>
  2.   <base href="http://monsite.com/" />


Maintenant partout tu pourra utiliser :

Code :
  1. <img src="images/image.jpg" alt="" />
 

tous les liens devront aussi être par rapport à cette url de base

Message cité 1 fois
Message édité par FlorentG le 30-10-2007 à 14:35:37
Reply

Marsh Posté le 30-10-2007 à 14:35:09    

j'aurai aussi besion de votre aide pour un autre petit truc, je suis en trains de dévelloper un site web mais j'ai un tableau qui veux pas aller dans les balises <div>: merci de votre aide
voila le site:
 
http://blog.homelinux.org/telechargement/sites/site/
 
voila le script:
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  5.    <head>
  7.        <title>Bienvenue sur votre compte La Cuillère Gourmande PRO</title>
  9.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  11.    <link rel="stylesheet" media="screen" type="text/css" title="Essai" href="css/style_pro_lcg.css" />
  13.    </head>
  15.    <body>
  17.  
  19.        <div id="en_tete">
  21.     <?php
  23. include("menu/en_tete.php" );
  25. ?>
  26.        </div>
  27.      
  32. </div>
  34. <div id="menu">
  35.     <?php
  37. include("menu/menu.php" );
  39. ?>
  40. </div>
  42.    <div id="corps">
  43.  
  44.    <table class="table_bloc_principal">
  45.      <tr>
  46.      <td>
  47.      <table class="table_news">
  48.      <tr>
  49.      <td class="titre_table" colspan="2">Bienvenue sur notre site !<br/>
  50.      </td>
  51.      </tr>
  52.      <tr>
  53.      <td>La cuillère gourmande est une petite entreprise qui produit de la confiture artisanale. Nos confitures issues de la tradition occitane  sont cuites à l’ancienne en bassine de cuivre et en petites quantités; elles ont toutes plus de 55% de fruits.<br/> Leurs senteurs subtiles font revivre des effluves  de notre mémoire, le temps où nos grands-mères nous mitonnaient si bien les confitures.</td>
  54.      <td>
  55.      <img src="images/imgpetite.jpg" alt="LCG"/>
  56.      </td>
  57.      </tr>
  58.      </table>
  59.      </td>
  60.      </tr>
  61.      </table>
  64.    </div>
  66.  
  68.    <div id="pied_de_page">
  70.    <?php
  72. include("menu/pied_de_page.php" );
  74. ?>
  76.    </div>
  78.    </body>
  80. </html>

Reply

Marsh Posté le 30-10-2007 à 14:36:34    

Ce tableau n'a rien à faire ici. Un tableau doit être utiliser pour des données tabulaires genre statistique, or dans ton cas ce n'est justement pas le cas

Message cité 1 fois
Reply

Marsh Posté le 30-10-2007 à 14:37:53    

FlorentG a écrit :

Héhé, c'est là où c'est la merde. Alors tu peux tout préceder d'un / pour renseigner la racine, style :

Code :
  1. <img src="/images/image/jpg" alt="" />


(on n'oublie pas le alt obligatoire :o )
 
Maintenant en local si t'es dans un dossier ça foire évidemment. Moi j'ai tout résolu, je met systématiquement un <base> qui renseigne l'url de base. Ensuite tout le reste est référencé par cette url. Genre en local :

Code :
  1. ...
  2. <head>
  3.   <base href="http://localhost/monsite/" />
  4. ...


En ligne tu fera

Code :
  1. <head>
  2.   <base href="http://monsite.com/" />


Maintenant partout tu pourra utiliser :

Code :
  1. <img src="images/image.jpg" alt="" />


 
tous les liens devront aussi être par rapport à cette url de base


ouiat, c'est ce que je pensais faire et en plus la stocker dans une BDD mysql pour pouvoir la modifier rapidement si il le faut.

Reply

Marsh Posté le 30-10-2007 à 14:38:33    

FlorentG a écrit :

Ce tableau n'a rien à faire ici. Un tableau doit être utiliser pour des données tabulaires genre statistique, or dans ton cas ce n'est justement pas le cas


comment je doit faire alors? :??:

Reply

Marsh Posté le 30-10-2007 à 14:38:33   

Reply

Marsh Posté le 30-10-2007 à 14:42:41    

Ca dépend la présentation à laquelle tu veux aboutir.

 

Sinon tu peux supprimer la phrase de bienvenue qui ne sert à rien et la remplacer par une courte phrase qui décrit le site. Genre :

Citation :

La cuillère gourmande produit de la confiture artisanale


Ensuite t'enchaîne par ton paragraphe un peu plus détaillé


Message édité par FlorentG le 30-10-2007 à 14:42:59
Reply

Marsh Posté le 30-10-2007 à 14:55:41    

ouiat mais je voudrai le presenter sous forme de news qui s'enchaine successivement, car il y aura des news apres la, c'etait juste un test le text. merci de ton aide

Reply

Marsh Posté le 30-10-2007 à 16:34:31    

c'est bon je l'ai fait avec les balises <div> merci encore

Reply

Marsh Posté le 30-10-2007 à 17:33:54    

bon voila se que j'ai fait:
 
http://blog.homelinux.org/telechargement/sites/site/
 
mais j'ai du russer sur le menu si non ça ne marchait pas et il venait sur le corps du site car c'est du flottants et j'ai mi un <p>1</p> apres le menu si non ça donnait ça: http://blog.homelinux.org/telechar [...] tacter.php
 
comment je peut faire pour éviter ça car c'est pas top: merci
 
voila mon code:

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  5.    <head>
  7.        <title>Bienvenue sur votre compte La Cuillère Gourmande PRO</title>
  9.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  11.    <link rel="stylesheet" media="screen" type="text/css" title="Essai" href="css/style_site_lcg.css" />
  13.    </head>
  15.    <body>
  17.  
  19.        <div id="en_tete">
  21.     <?php
  23. include("menu/en_tete.php" );
  25. ?>
  26.        </div>
  27. <div id="menu-haut">
  28. <div id="menu">
  29.    <p><?php
  31. include("menu/menu.php" );
  33. ?></p>
  34. <p>1</p>
  35. </div></div>
  37.    <div id="corps">
  38.  
  39.    <div class="news">
  40.    <div class="news_titre">
  41.    Bienvenue sur notre site !
  42.    </div>
  43.    <p><img src="images/imgpetite.jpg" class="images_news" alt="News LCG"/></p>
  44.    <p>La cuillère gourmande est une petite entreprise qui produit de la confiture artisanale. Nos confitures issues de la tradition occitane  sont cuites à l’ancienne en bassine de cuivre et en petites quantités; elles ont toutes plus de 55% de fruits.<br/> Leurs senteurs subtiles font revivre des effluves  de notre mémoire, le temps où nos grands-mères nous mitonnaient si bien les confitures.</p>
  45.  
  46.    </div>
  49.    </div>
  51.  
  53.    <div id="pied_de_page">
  55.    <?php
  57. include("menu/pied_de_page.php" );
  59. ?>
  61.    </div>
  63.    </body>
  65. </html>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed