img non affichée

img non affichée - HTML/CSS - Programmation

Marsh Posté le 23-01-2013 à 15:18:20    

Bonjour,
 
Je redige actuellement le code pour un site somme toute assez basique, que j'illustre avec quelques img, ainsi dans mon code html j'ai rédigé ceci :
 
<div id="affiche-bordeaux"></div>
 
cela pointe vers une feuille css, dans laquelle j'ai spécifié cela :
 
/*photo page accueil*/
#affiche-bordeaux
{
margin-top: 20px;
width: 800px;
background: url('IMG\affiche.jpg') no-repeat;
position: relative;
margin-bottom: 20px;
}
 
mais ma photo ne s'affiche pas et je ne comprend pas pourquoi. C'est trés énnervant.... :fou:  
 
Si une bonne ame pouvait me venir en aide ce serait trés sympa...
 
merci d'avance

Reply

Marsh Posté le 23-01-2013 à 15:18:20   

Reply

Marsh Posté le 23-01-2013 à 15:24:10    

Si tu donnes une hauteur à ton div, ça donne quoi ? Sinon, le séparateur de répertoire dans les urls, c'est '/', pas '\'.


---------------
Are you two fucking? Are you serious? Right in front of my salad?!
Reply

Marsh Posté le 23-01-2013 à 15:50:31    

je te remercie, je vais donner une hauteur à mon div, je te tiens au courant.


---------------
Venez me défier :  
Reply

Marsh Posté le 23-01-2013 à 16:02:05    

je viens de modifier et de tester. Rien! Toujours pareil.
 
Mon code html ressemble désormais à :
 
<div class="div-affiche" class="affiche-bordeaux"></div>
 
et mon code css à :
 
/*conteneur photo accueil*/
.div-affiche
{
height: 1000px;
}
/*photo page accueil*/
#affiche-bordeaux
{
margin-top: 20px;
width: 800px;
background: url('IMG/affiche.jpg') no-repeat;
position: relative;
margin-bottom: 20px;
}


---------------
Venez me défier :  
Reply

Marsh Posté le 23-01-2013 à 16:05:42    

salut,  
 
utilise un antislash plutot qu'un slach je croi que sa réglera ton problème  
( \ )  
 
coridialement

Reply

Marsh Posté le 23-01-2013 à 16:40:04    

je viens d'utiliser un antslash \, rien ne bouge sous le soleil....


---------------
Venez me défier :  
Reply

Marsh Posté le 23-01-2013 à 16:49:40    

Change le chemin de ton image et essai de la mettre dans le même dossier que tes fichier hmtl/php/css

Reply

Marsh Posté le 23-01-2013 à 17:11:41    

je viens d'essayer, et j'ai renouvellé avec une autre img, dans un autre format (png à la place de jpg). Toujours pareil, c'est desespérant...


---------------
Venez me défier :  
Reply

Marsh Posté le 23-01-2013 à 17:30:17    

La ou tu as ton fichier CSS, tu as bien un répertoire "IMG" et à l'intérieur ta photo ?
 
Si ton fichier css dans un repertoire /css/ et que ton image n'est pas dans /css/IMG ca marchera pas.
 
Ou alors tu mets l'adresse en absolu : background: url('http://www.monsite.fr/IMG/affiche.jpg') no-repeat;  
 
Sinon c'est bien un slash / dans le chemin de l'image :o

Reply

Marsh Posté le 23-01-2013 à 17:41:44    

Je suis tout à fait d'accord, j'ai essayé la chose suivante :
un repertoire dans lequel se trouve la page sur laquelle doit s'afficher la photo, et la page de style css. Dans ce repertoire se situe un autre repertoire nommé IMG, et dans lequel sont mes illustrations. Mon chemin est donc : background: url('IMG/le-nom de mon IMG.jpg') no-repeat;
OK?


---------------
Venez me défier :  
Reply

Marsh Posté le 23-01-2013 à 17:41:44   

Reply

Marsh Posté le 23-01-2013 à 19:03:43    

Oui, attention, c'est sensible à la casse ;)
Tu as bien les droits sur ton repertoire img ?
Sinon dans ton navigateur, tu arrive à ouvrir l'image ? Et si tu mets l'adresse absolue ca donne quoi ?

Reply

Marsh Posté le 24-01-2013 à 10:09:01    

salut,
 
je viens d'ouvrir l'image avec explorer, puis de copier/coller l'adresse dans mon code css
Tout fier de moi je rafraichi ma page...Et, et, et, pareil...
Par moment j'ai presque envie d'abandonner...


---------------
Venez me défier :  
Reply

Marsh Posté le 24-01-2013 à 10:39:38    

capture d'écran de l'arborescence de ton projet s'il te plaît.
 
Tu peux mettre en ligne le truc ?


---------------
Blablaté par Harko
Reply

Marsh Posté le 24-01-2013 à 10:48:26    

pas de problème...
 
le code html
 
<!DOCTYPE html>
<html lang="fr">
 <head>
  <meta charset="utf-8"/>
  <!--[if lt IE 9]
  <script
  src="http://htm15shiv.googlecode.com/svn/trunk/htm15.js"><script>
  <!--[endif]-->
  <link rel="stylesheet" href="styles.css"/>
  <title>AFC 2013 - Congré&eacutes de l'Association Fran&ccedilaise de Cristallographie AFC2013 Bordeaux</title>
 </head>
 
 <body>
  <div id="bloc-page">
   <header>
    <div id="titre-principal">
     <img src="IMG/AFC-asso-logo.gif" alt="logo de l'Association Fran&ccedil;aise de Cristallographie" id="logo-afc"/>
     <h1>AFC 2013 Bordeaux</h1>
     <h2>afc2013@ibgc.cnrs.fr</h2>
    </div>
    <nav>
     <ul>
      <li><a href="index.html">:: Accueil ::</a></li>
      <li><a href="comite.html">:: Comit&eacute scientifique ::</a></li>
      <li><a href="programme.html">:: Programme ::</a></li>
      <li><a href="inscription.html">:: Inscription ::</a></li>
      <li><a href="resume.html">:: R&eacutesum&eacute ::</a></li>
      <li><a href="http://www.afc.asso.fr" target="_blank">:: Site de l'AFC ::</a></li>
     </ul>
    </nav>
   </header>
   <div id="banniere-image">
    <div id="banniere-description">
    Congr&eacute;s de l'Association Fran&ccedil;aise de Cristallographie :: AFC 2013 Bordeaux
   </div>
   </div>
   <section>
    <article>
     <h1>L'Association Fran&ccedil;aise de Cristallographie<br>
     organise le<br>
     congr&eacute;s AFC 2013<br>
     &agrave; Bordeaux<br>
     du 02 au 05 Juillet 2013<br>
     Les inscriptions sont ouvertes.<br>
     !!!Attention!!!<br>
     Date limitte d'inscription<br>
     02 Juin 2013
     <div id="affiche"></div>
    <aside>
     <img src="AFC2O13BdX_small">
     <p> contact:<a href="mailto:afc2013@ibgc.cnrs.fr">afc2013</a><br>
     AFC2013 BDX<br>
     est organis&eacute; par<br>
     <h2>L'AFC</h2><br>
     avec le soutien :<br>
      <ul>
       <li>Des laboratoires de l'Universit&eacute; de Bordeaux</li>
       <li>De la cellule Congr&eacutes &agrave la DR15 du CNRS</li>
       <li>Du service de gestion de l'IBGC</li>
      </ul>
      <br>
      Ce site est heberg&eacute; par L'IBGC
     </p>
    </aside>
   </section>  
   <section>
    <article>
    En 2013, l'AFC souflera ses 60 bougies <br>
  2013, c'est le centenaire c&eacutel&eacutebrant les premi&egraveres r&eacutesolutions de structures par Lawrence et William Bragg (p&egravere & fils).<br>
  C'est pour cela qu'ils re&ccedilurent conjointement, et non pour la loi qui porte leur nom, le prix nobel de physique en 1915.<br>
  Les cristallographes reviennent en congr&eacutes &agrave Bordeaux, 23 ans apr&eacute le XV&eacuteme IUCr Congress 1990.</span><br>
  Liste des pr&eacutec&eacutedents congr&eacutes de l'AFC :<br>
  - AFC83-----Lille<br>
  - AFC88-----Lyon<br>
  - AFC90-----Bordeaux<br>
  - AFC92-----Paris<br>
  - AFC95-----Grenoble<br>
  - AFC98-----Orleans<br>
  - AFC2001---Orsay<br>
  - AFC2003---Caen<br>
  - AFC2006---Toulouse<br>
  - AFC2008---Rennes<br>
  - AFC2010---Strasbourg</p>
    </article>
    <aside>
     <div id="affiche"></div>
    </aside>  
   </section>
   <footer>
   Futurs partenaires: ayez votre logo ici<p class="logos"></p>
   </footer>
  </div>
 </body>  
 
le code css
 
/* définition des polices personalisées*/
@font-face
{    
font-family: 'BallparkWeiner';    
src: url('polices/ballpark.eot');    
src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),          
url('polices/ballpark.woff') format('woff'),          
url('polices/ballpark.ttf') format('truetype'),          
url('polices/ballpark.svg#BallparkWeiner') format('svg');    
font-weight: normal;    
font-style: normal;
}  
 
@font-face
{    
font-family: 'Dayrom';    
src: url('polices/dayrom.eot');    
src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),          
url('polices/dayrom.woff') format('woff'),          
url('polices/dayrom.ttf') format('truetype'),          
url('polices/dayrom.svg#Dayrom') format('svg');    
font-weight: normal;    
font-style: normal;
}
 
/*elements principaux de la page*/
body
{
background: url('image/blackred.jpg');
font-family: 'Trebuchet MS', Arial, sans-serif;
color: #fffaf0;
}
 
#bloc-page
{
width: 900px;
margin: auto;
}
 
section h1, footer h1, nav a
{
font-family: Dayrom, serif;
font-weight: normal;
text-transform: uppercase;
}
 
header
{
background: url('image/separateur.png') repeat-x bottom;
}
 
#titre-principal
{
display: inline-block;
}
 
header h1
{
font-family: 'BallparkWeiner', serif;
font-size: 2.5em;
font-weight: normal;
}
 
#logo, header h1
{
display: inline-block;
margin-bottom: 0px
}
 
header h2
{
font-family: Dayrom, serif;
font-size: 1.1em;
margin-top: 0px;
font-weight: normal;
}
 
/*navigation*/
nav
{
display: inline-block;
width: 740px;
text-align: right;
}
 
nav ul
{
list-style-type: none;
}
 
nav li
{
display: inline-block;
margin-right: 15px;
}
 
nav a
{
font-size: 1.3em;
color:#ff4500;
padding-bottom: 3px;
text-decoration: none;
}
 
nav a:hover
{
color: #ffa500
border-bottom: 3px solid #ffa500;
}
 
/*baniere*/
banniere-image
{
margin-top: 15px;
height:685px
border-radius: 5px;
background: url ('C:\Users\Jean Baptiste\Desktop\Site_internet\jean baptiste\final\image\bordeaux-pont.JPG') no-repeat;
position: relative;
box-shadow: 0px 4px 4px #1c1a19;
margin-bottom: 25px;
}
 
banniere-description
{
position: absolute;
bottom: 0px;
border-radius: 0px 0px 5px 5px;
width: 99.5%;
height: 33%;
padding-top: 15px;
padding-left: 4px
background-color: #e31230;
color: white;
font-size: 0.8em;
}
 
voilà... Personnelement j'y perd mon latin...


---------------
Venez me défier :  
Reply

Marsh Posté le 24-01-2013 à 10:51:26    

tu peux mettre ton code entre balises [code] et [ /code] ? (sans l'espace evidement)


Message édité par gatsu35 le 24-01-2013 à 10:51:58

---------------
Blablaté par Harko
Reply

Marsh Posté le 24-01-2013 à 10:53:38    

quand je parle d'arbo de ton projet, c'est un screenshot des répertoires du projet, pour que je comprenne la structure du projet et uqe je sache ou  est le fichier .css
 
Tu as juste un gros probleme d'organistaiton à mon avis


---------------
Blablaté par Harko
Reply

Marsh Posté le 24-01-2013 à 10:59:03    

Pardon, excuse moi, je n'avais pas compris.
 
En gros un Rep, dans lequel tu as une page index.html, et une feueille de style.css, et un Rep nomé image, dans lequel sont les images.
 
voila.
C'est pourquoi je ne comprend pas pourquoi ça ne veux pas s'afficher????


---------------
Venez me défier :  
Reply

Marsh Posté le 24-01-2013 à 12:09:10    

essaye d'avoir tous tes noms de fichier en minuscule s'il te plait et regarde avec firebug (onglet network) si tu n'as pas des 404.
 
Déjà je peux te dire que :  
<script  
  src="http://htm15shiv.googlecode.com/svn/trunk/htm15.js"><script>  
l'url n'a aucun sens, c'est pas htm15 mais html5, c'est pas un 1 (un) mais un l (elle)


---------------
Blablaté par Harko
Reply

Marsh Posté le 24-01-2013 à 12:10:22    

ok merci


---------------
Venez me défier :  
Reply

Marsh Posté le 24-01-2013 à 14:13:42    

j'ai résolu mon pb autrement.
 
merci de ta patience et de ta gentillesse


---------------
Venez me défier :  
Reply

Marsh Posté le 24-01-2013 à 16:32:50    

Bonjour,
Juste pour info, veillez à vous assurer que les images et scripts ne viennent pas de trop surcharger le poids de la page.


---------------
Besoin d'aide pour votre projet? agence web
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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