img non affichée
img non affichée - HTML/CSS - Programmation
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?!
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 :
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 :
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
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 :
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
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 :
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 
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 :
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 ?
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 :
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
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éés de l'Association Française 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ç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é 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ésumé ::</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és de l'Association Française de Cristallographie :: AFC 2013 Bordeaux
</div>
</div>
<section>
<article>
<h1>L'Association Française de Cristallographie<br>
organise le<br>
congrés AFC 2013<br>
à 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é par<br>
<h2>L'AFC</h2><br>
avec le soutien :<br>
<ul>
<li>Des laboratoires de l'Université de Bordeaux</li>
<li>De la cellule Congrés à la DR15 du CNRS</li>
<li>Du service de gestion de l'IBGC</li>
</ul>
<br>
Ce site est hebergé par L'IBGC
</p>
</aside>
</section>
<section>
<article>
En 2013, l'AFC souflera ses 60 bougies <br>
2013, c'est le centenaire célébrant les premières résolutions de structures par Lawrence et William Bragg (père & fils).<br>
C'est pour cela qu'ils reçurent conjointement, et non pour la loi qui porte leur nom, le prix nobel de physique en 1915.<br>
Les cristallographes reviennent en congrés à Bordeaux, 23 ans apré le XVéme IUCr Congress 1990.</span><br>
Liste des précédents congrés 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 :
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
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
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 :
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
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 :
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
Sujets relatifs:
- [Web] Recuperer info. par UDP pour etre affichée sur du HTML
- Slide show : changer un lien href en meme temps que l'image affichée
- [JavaScript] Pb compatibilité avec Chrome (page vierge affichée)
- Problème d'ordre de superposition une image affichée avec onmouseover
- Comment laisser une 1ere page affichée le temps qu'une 2eme s'affiche
- Comment on fait pour créer une miniature affichée dans l'explorateur?
- [VBA] utiliser la valeur affichée d'une cellule
- Figer l'adresse affichée d'un site durant sa navigation...
- Savoir si la JFrame est affichée | faire un buffer sur une jframe :)
- Page web non affichée en entier sur certains ordinateurs
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....
Si une bonne ame pouvait me venir en aide ce serait trés sympa...
merci d'avance