Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: muse44 le le 02-07-2007 a 12:42:02

Titre: pas d'image en local
Posté par: muse44 le le 02-07-2007 a 12:42:02

Bonjour a tous,
j'ai un petit souci qui m'est jamais arrivé avant..
J'ai crée un site avec l'aide de dreamweaver. J'ai voulu faire des modifs: j'ai donc crée un calque, puis mis une image en arriere plan..Le probleme est que l'image ne s'affiche pas en local.
Ce que je trouve bizarre, c'est que j'ai fais la meme manip' sur la page index et ca marche nickel..En fait, sur certaines pages, ca marche, sur d'autres non..
Je ne comprends vraiment pas..
En esperant avoir été claire.. ;)

Titre: Re:pas d'image en local
Posté par: mci21 le le 02-07-2007 a 20:34:23

Bonjour, le site est en local seulement ou en ligne en partie?

Titre: Re:pas d'image en local
Posté par: muse44 le le 02-07-2007 a 20:51:40

bonsoir,
le site est en ligne, mais j'effectue des modifs en local, et vu que ca ne marche pas, je n'ai pas mis les modifs en ligne

Titre: Re:pas d'image en local
Posté par: nimrod le le 03-07-2007 a 13:03:31

Bonjour,

Et si tu nous faisais voir le code de ta page ! Ca serait plus facile pour t'aider.

A bientôt

Titre: Re:pas d'image en local
Posté par: muse44 le le 03-07-2007 a 15:28:18

bonjour,
voici mon code:

<style type="text/css">
<!--
body {
   background-color: #000000;
   background-image: url(fond.jpg);
   background-repeat: no-repeat;
}
#Layer1 {
   position:absolute;
   left:49px;
   top:16px;
   width:953px;
   height:138px;
   z-index:1;
}
#Layer2 {
   position:absolute;
   left:47px;
   top:157px;
   width:955px;
   height:490px;
   z-index:2;
}
#Layer3 {
   position:absolute;
   left:46px;
   top:650px;
   width:958px;
   height:88px;
   z-index:3;
}
#Layer4 {
   position:absolute;
   left:356px;
   top:32px;
   width:645px;
   height:123px;
   z-index:4;
}
#Layer10 {
   position:absolute;
   left:336px;
   top:249px;
   width:662px;
   height:399px;
   z-index:5;
   background-repeat: no-repeat;
   background-image: url(cadre2.jpg);
}
.Style1 {color: #FFFFFF}

#Layer14 {
   position:absolute;
   left:354px;
   top:257px;
   width:629px;
   height:363px;
   z-index:7;
}

#Layer16 {
   position:absolute;
   left:545px;
   top:679px;
   width:295px;
   height:61px;
   z-index:9;
}
a:link {
   text-decoration: none;
   color: #CC33FF;
}
a:visited {
   text-decoration: none;
   color: #CC33FF;
}
a:hover {
   text-decoration: underline;
   color: #CC33FF;
}
a:active {
   text-decoration: none;
}
.Style17 {color: #CC33FF}

#Layer19 {
   position:absolute;
   left:362px;
   top:43px;
   width:108px;
   height:34px;
   z-index:11;
}

#Layer24 {
   position:absolute;
   left:450px;
   top:89px;
   width:136px;
   height:32px;
   z-index:15;
}
#Layer25 {
   position:absolute;
   left:547px;
   top:44px;
   width:130px;
   height:32px;
   z-index:16;
}
#Layer26 {
   position:absolute;
   left:638px;
   top:90px;
   width:127px;
   height:32px;
   z-index:17;
}
#Layer27 {
   position:absolute;
   left:778px;
   top:47px;
   width:88px;
   height:30px;
   z-index:18;
}
#Layer28 {
   position:absolute;
   left:844px;
   top:89px;
   width:131px;
   height:34px;
   z-index:19;
}
#Layer29 {
   position:absolute;
   left:546px;
   top:651px;
   width:294px;
   height:18px;
   z-index:20;
}
.Style25 {font-size: 16px; font-weight: bold; color: #CC33CC;}
.Style26 {color: #3366FF}
.Style29 {   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}
.Style30 {   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
}

#Layer33 {
   position:absolute;
   left:101px;
   top:252px;
   width:182px;
   height:388px;
   z-index:22;
}
#Layer5 {
   position:absolute;
   left:90px;
   top:23;
   width:192;
   height:91px;
   z-index:23;
}
#Layer6 {
   position:absolute;
   left:85;
   top:209;
   width:218;
   height:454;
   z-index:24;
   background-image: url(actu2.jpg);
   background-repeat: no-repeat;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>

<body>
<div id="Layer1"><a href="index.html"></a></div>
<div class="Style1" id="Layer2"></div>
<div id="Layer3">
<div align="center">&copy;</div>
</div>
<div id="Layer4"><a href="le groupe.html"></a><a href="le groupe.html"></a><a href="le groupe.html"></a><a href="concerts.html"></a><a href="medias.html"></a><a href="espacepro.html"></a><a href="liens.html"></a><a href="contacts.html"></a></div>
<div id="Layer10">
<p class="Style8">&nbsp;</p>
<p class="Style8">&nbsp;</p>
</div>
<div id="Layer14">
<iframe
       name=iframe1
   align=center
   marginWidth=0
   marginHeight=0
   
   src="iframegroupe.html"
   frameborder=no
   scrollingbottom=no
   noResize
   width=636
   height=359>
</iframe>
</div>
<div id="Layer16">
<div align="center">
<p class="Style15">&nbsp;</p>
<p class="Style15"><span class="Style26">Cr&eacute;dits photographies: J&eacute;r&eacute;mie Kerling<br />
Tous droits r&eacute;serv&eacute;s - &copy; 2007</span><br />
<span class="Style26">contacter le</span> <a href="mailto:x@msn.com" class="Style17">Webmaster</a></p>
</div>
</div>
<div id="Layer5"><img src="image/logo copie.jpg" width="177" height="99" /></div>
<div id="Layer6"></div>
<div id="Layer18"></div>
<div id="Layer19"><a href="legroupe2.html"></a><a href="legroupe2.html"><img src="image/groupe.jpg" width="134" height="30" border="0" /></a></div>


l
<p align="left" class="Style29"><span class="Style30">&nbsp;</span></p>
<div id="Layer24"><a href="concerts2.html"><img src="image/concerts copie.jpg" width="134" height="30" border="0" /></a></div>
<div id="Layer25"><a href="medias2.html"><img src="image/medias copie.jpg" width="134" height="30" border="0" /></a></div>
<div id="Layer26"><a href="espacepro2.html"><img src="image/espacepro.jpg" width="160" height="30" border="0" /></a></div>
<div id="Layer27"><a href="liens2.html"><img src="image/liens copie.jpg" width="85" height="30" border="0" /></a></div>
<div id="Layer28"><a href="contacts.html"><img src="image/contacts.jpg" width="134" height="30" border="0" /></a></div>
<div id="Layer29">
<div align="center" class="Style25"><a href="http://www.myspace.com/x" target="_blank" class="Style15">www.myspace.com/x</a></div>
</div>
</body>
</html>

voilà :)

Titre: Re:pas d'image en local
Posté par: nimrod le le 03-07-2007 a 16:19:13

Je suis en train de regarder ton code dans Dreamweaver mais il me faudrait quelques infos supplémentaires pour bien comprendre ton problème.

Quelle est ou quelles sont les images que tu ne vois pas en local ??

A+

Titre: Re:pas d'image en local
Posté par: muse44 le le 03-07-2007 a 16:41:42

alors il s'agit de l'image 'actu2.jpg'. Cette image se trouve dans le dossier image du repertoire du site..

Titre: J'ai trouvé !!!
Posté par: nimrod le le 03-07-2007 a 16:55:34

J'ai trouvé ton erreur :

Ton image actu2.jpg est l'image de fond de la balise div qui se nomme Layer6.

Si tu regardes ton code css pour pour cette balise, il est écrit cela :
background-image: url(actu2.jpg);

Ce n'est pas la bonne adresse de ton image, car elle se trouve dans le répertoire 'image'. Il faut donc écrire cela :
background-image: url(image/actu2.jpg);

Ca devrait marcher...

A bientôt

Titre: Re:pas d'image en local
Posté par: muse44 le le 03-07-2007 a 17:03:14

re,
j'ai bien changé cette erreur au niveau de l'url, mais ca ne marche toujours pas..
je pense bien qu'il y a une erreur dans ce code, mais je ne vois pas laquelle..peut-etre un conflit?

Titre: Re:pas d'image en local
Posté par: nimrod le le 03-07-2007 a 17:23:25

Ah ben ça c'est pas normal !!! ???

Car j'ai fait le test sur mon ordi avec Dreamweaver et pour moi tout marche bien.

Je pense vraiment que l'erreur ne vient pas du code.

J'ai bien pensé à un petit truc mais ... Alors voilà :
Lorsque tu as fait ta modif dans le code css, as-tu bien rafraichi
ta page (je parle de la page en mode création : c'est à dire le rendu visuel du code).
C'est un peu tordu ce que je dis parce que si tu as bien sauvegardé la modif que je t'ai indiqué, le rafraichissement se fait automatiquement...

Autre possibilité : C'est peut-être ton image qui a un défaut ?? : Si tu veux, tu peux la mettre en ligne ou me l'envoyer pour que je la teste de nouveau chez moi..

On va bien y arriver quand même !!!!

Titre: Re:pas d'image en local
Posté par: mci21 le le 03-07-2007 a 18:45:47

Re peu tu nous donner l'url de ton site stp

Titre: Re:pas d'image en local
Posté par: muse44 le le 03-07-2007 a 19:14:37

salut mci21,
voici l'url: www.leselansdarkel.com

Titre: Re:pas d'image en local
Posté par: mci21 le le 04-07-2007 a 00:08:03

Je regarde des demain matin j'aurai plus de temps,
par contre j'ai vu sur ton site que le groupe est passéa st cyr susi tout juste a coté ;)

Titre: Re:pas d'image en local
Posté par: nimrod le le 04-07-2007 a 11:46:50

Coucou c'est encore moi !

J'ai récupéré l'image que tu m'a envoyée. J'ai testé avec ton code dans Dreamweaver et pour moi tout marche nickel !

Pour info, j'utilise Dreamweaver MX et j'ai un ibook avec OSX Panther.

Ton image n'a pas de défaut...

Vraiment c'est très bizarre !!! ??? ???

Juste une petite question : lorsque tu visualises ta page dans Firefox ou IE, ton image apparait-elle??

Bon courage

Titre: Re:pas d'image en local
Posté par: muse44 le le 04-07-2007 a 13:27:52

j'ai réessayé avec IE et firefox, et l'image n'apparait toujours pas..c'est vraiment bizarre, comme tu dis..
Je n'y comprends plus rien.. ???
Pourtant il doit bien y avoir un conflit dans ce code, puisque l'image n'a pas de défaut..
j'utilise dreamweaver 8

Titre: Re:pas d'image en local
Posté par: nimrod le le 04-07-2007 a 15:11:10

:( Bon alors là, je ne sais plus trop comment t'aider !!

Dernière solution : mets ta page en ligne (page de test avec un nom bidon pour qu'elle ne soit pas accessible par n'importe qui)
De cette manière, on verra réellement comment se comporte l'image et on trouvera peut-être l'erreur.

Qu'est-ce que t'en penses ???

Titre: Re:pas d'image en local
Posté par: muse44 le le 04-07-2007 a 16:50:59

salut,
j'ai creer une nouvelle page à cette adresse où il est censé avoir cette image..mais niet, elle ne s'affiche pas non plus.

http://www.leselansdarkel.com/lala.html

Titre: Re:pas d'image en local
Posté par: nimrod le le 04-07-2007 a 18:00:30

Merci pour la mise en ligne de ta page : Je suis en train de regarder,mais il y a un petit problème : L'image actu2.jpg qui est cencée être dans le répertoire 'image', n'est pas en ligne. Peux-tu la transférer ??

Merci

Titre: Re:pas d'image en local
Posté par: muse44 le le 04-07-2007 a 18:09:42

::) mais où avais je la tete..ca y est je l'ai transferer et ca marche..

Titre: Re:pas d'image en local
Posté par: nimrod le le 04-07-2007 a 18:14:32

J'ai regardé ta page : ça marche.

Si ça marche en ligne, le problème est résolu alors ??

Titre: Re:pas d'image en local
Posté par: muse44 le le 04-07-2007 a 18:21:04

non ca ne marche pas car, sur la vrai page, l'image ne s'affiche pas..je pense qu'il s'agit du code..

Titre: Re:pas d'image en local
Posté par: nimrod le le 04-07-2007 a 18:32:54

On va y arriver !

Maintenant, est-ce tu peux mettre la vrai page en ligne (sers toi de ta page lala.htm).


Titre: Re:pas d'image en local
Posté par: muse44 le le 04-07-2007 a 18:34:37

;)
ma vraie page est:
www.leselansdarkel.com/legroupe2.html

(l'image devrait se situer a gauche)

Titre: C'est ok !
Posté par: nimrod le le 04-07-2007 a 19:06:16


Cette fois, on tient le bon bout !

Voici ton code css pour le calque qui contient l'image actu2.jpg :

#Layer31 {
   position:absolute;
   left:85px;
   top:209;
   width:218;
   height:454;
   z-index:21;
   background-repeat: no-repeat;
   background-image: url(image/actu2.jpg);
}

Dans les 3 lignes en rouge, tu as oublié de spécifier que ces longueurs étaient en pixels (px). Il faut écrire :

#Layer31 {
   position:absolute;
   left:85px;
   top:209px;
   width:218px;
   height:454px;
   z-index:21;
   background-repeat: no-repeat;
   background-image: url(image/actu2.jpg);
}

Allez, dis moi que ça marche !!!

Titre: Re:pas d'image en local
Posté par: muse44 le le 04-07-2007 a 19:10:34

BINGO !!! tu es un génie..
en fait sur la page legroupe2, il s'agissait du layer 6..
Mais c'etait bien a cause des pixels..
Ah tu me sauves..
Je te remercie enormement !!!

Titre: Re:pas d'image en local
Posté par: nimrod le le 04-07-2007 a 19:12:44

OUAIHHHHHHHH !!!!!

Longue vie à ton site :D

A bientôt


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.