Problème FTP ???
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
Je fais appelles à vous aujourd'hui car j'ai un problème avec une page perso chez noos .
Le site est en test, je le met donc en ligne .
Mes images sont dans mesdocuments/association/images
Mes pages html/php/css sont dans mesdocuments/association
Je transfère toute les images et l'index avec le ftp sur le site . Mais aucune images s'affichent, pourtant dans mon css il y a bien marquer a craques images : "images/pied.jpg", comme sa ne s'affiche pas, je fais un test en envoyant une image qui se trouve dans mesdocuments/association/images ici : mesdocuments/association, je modifie le CSS en mettant à la place de "images/pied.jpg" par "pied.jpg" et là une image s'affiche, mais cette images est plus de la même taille, plus de la même couleur, plus de la même forme, enfin bref impossible de savoir si l'on ne sais pas à quoi sert cette image ... Je voudrais donc soit savoir :
-Comment faire pour publier les images quand elles sont dans mesdocuments/association/images
-Ou comment faire pour que mes images soit correctement affichée quand elles sont dans mesdocuments/association
Merci,
Guillaume
Je fais appelles à vous aujourd'hui car j'ai un problème avec une page perso chez noos .
Le site est en test, je le met donc en ligne .
Mes images sont dans mesdocuments/association/images
Mes pages html/php/css sont dans mesdocuments/association
Je transfère toute les images et l'index avec le ftp sur le site . Mais aucune images s'affichent, pourtant dans mon css il y a bien marquer a craques images : "images/pied.jpg", comme sa ne s'affiche pas, je fais un test en envoyant une image qui se trouve dans mesdocuments/association/images ici : mesdocuments/association, je modifie le CSS en mettant à la place de "images/pied.jpg" par "pied.jpg" et là une image s'affiche, mais cette images est plus de la même taille, plus de la même couleur, plus de la même forme, enfin bref impossible de savoir si l'on ne sais pas à quoi sert cette image ... Je voudrais donc soit savoir :
-Comment faire pour publier les images quand elles sont dans mesdocuments/association/images
-Ou comment faire pour que mes images soit correctement affichée quand elles sont dans mesdocuments/association
Merci,
Guillaume
A voir également:
- Problème FTP ???
- Core ftp - Télécharger - Téléchargement & Transfert
- Typsoft ftp server - Télécharger - Téléchargement & Transfert
- Ftp voyager - Télécharger - Téléchargement & Transfert
- Ftp 503 use auth first - Forum Réseau
- Url ftp ✓ - Forum Wordpress
15 réponses
EN LIGNE, METS TES IMAGES DANS UN DOSSIER "IMAGES" !!
"Il faut mettre tes images dans le dossier "images" du site... pas dans le dossier "images" de ton ordinateur..."
"Il faut mettre tes images dans le dossier "images" du site... pas dans le dossier "images" de ton ordinateur..."
On peut avoir l'URL du site en question ?
Ou un copier collé du code HTML et du CSS sur une page récalcitrante ?
Ou un copier collé du code HTML et du CSS sur une page récalcitrante ?
Oui copié collé du CSS et HTML :
index111.html (les chiffres sont pour le différencier du vrai index.html) :
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Index</title>
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="content-language" content="fr" />
<link href="style.css" title="Défaut" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="conteneur">
<div id="conteneures">
<!-- Début menu -->
<div id="navigation">
<div class="menuhaut">
<h1>L'association</h1></div>
<div class="menu"> <ul>
<li><a href="compostitionbureau.html">-Composition du bureau </a></li>
<li><a href="planning.html">-Planning des activités</a></li>
<li><a href="assurancereglement.html">-Assurance et Règlement</a></li>
<li><a href="activitees.html">-Activités Proposées</a></li>
<li><a href="bulletin.html">-Bulletin d'inscription</a></li>
<li><a href="fiche.html">-Fiche de Renseignements</a></li>
<li><a href="contact.html">-Contact</a></li>
</ul></div><div class="menubas"></div>
<div class="menuhaut">
<h1>Activitées</h1></div>
<div class="menu"> <ul>
<li><a href="anglais.html">-Anglais</a></li>
<li><a href="arts.html">-Arts plastiques</a></li>
<li><a href="danse.html">-Danse moderne et contemporaine</a></li><br>
<li><a href="echecs.html">-Echecs</a></li>
<li><a href="japonais.html">-Japonais</a></li>
<li><a href="natation.html">-Natation</a></li>
<li><a href="theatre.html">-Théâtre</a></li>
</ul></div><div class="menubas"></div>
<div class="menuhaut">
<h1>Partenaires</h1></div><div class="menu">
<p><a href="https://www.domainecarneros.com/"><img src="images/partenaires.jpg" width="88" height="31" alt=""/></a></p>
<p><a href="https://www.domainecarneros.com/"><img src="images/partenaires1.jpg" width="88" height="31" alt=""/></a></p>
<p><a href="https://www.domainecarneros.com/"><img src="images/partenaires2.jpg" width="88" height="31" alt=""/></a></p>
</div> <div class="menubas"></div>
</div>
<!-- Fin menu-->
<div id="header">
<!-- EXPLICATION DE MENU HORIZONTAL: Pour changer l'icone choisir le numéro dans le css en bas ( 7 boutons au total disponible) et changer la numérotation <a id="bouton1" Par <a id="bouton2,<a id="bouton3, jusqu'à 7 ... etc-->
<!--Début Du Menu Horizontal -->
<div id="header2">
<a id="bouton1" href="https://www.domainecarneros.com/"></a>
<a id="bouton3" href="contact.html"></a>
</div>
</div>
<!-- Fin Du Menu Horizontal -->
<!-- Début du contenu -->
<div id="contenu"><h2>Bienvenue sur le Site des Hirondelles</h2>
<p>
Bonjour et bienvenue sur le site des Hirondelles .<br />
Les Hirondelles, qu'est-ce que c'est ?
</p>
<h3>Des Activités</h3>
<p>
Les Hirondelles sont une association qui regroupe plusieurs activitées
</p>
<p>
Vous pourrez ainsi apprendre, sans rien y connaître auparavant, à faire du théâtre, à nager etc...
</p>
<h2>Informations Importantes</h2>
<p>Aucune informations importantes pour le moment .</p>
<p><a href="#header"><img src="images/hautdepage.png" alt=""/></a>
</p>
</div>
<!-- fin du contenu -->
<div class="separateur"></div>
<div id="pied">
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<a class="copyright" href="http://kitgraphiquegratuit.org/" onclick="window.open(this.href); return false;" title="kit graphique gratuit"></a>
<!-- mention de copyright Ne pas retirer sans autorisation écrite --></div> </div>
</body>
</html>
STYLE.CSS
body {margin:0;padding:0;background-color:#000000}
#conteneur { margin: 0 auto 0;position:relative;width:1024px;position:relative;background:url(header13.png) no-repeat ;}
#conteneures { margin: 0 auto 0;position:relative;width:1024px;position:relative;background:url(images/contenu.jpg) no-repeat ;}
#header{float:right;margin: 0 auto 0;width:792px;height:200px;background: url(images/header.jpg) no-repeat top;}
#contenu {float:right;width:60%;margin:0;padding: 0;margin:0 10% 0 0;background-color:#151515;} h2 {font-size: 20px;font-family: comic;color:#94dc30;margin:0 0 2% 0}
p {color: #fff;font:0.8em arial;margin: 0 0 0 0;padding:0 0 2% 0}
.separateur{ clear: both;visibility: hidden; }
a.copyright {position:absolute;left:28%;top:18%;width:150px;height:10px ;}
p.lien {margin:0 auto 0;text-align:center;font: 0.7em Helvetica;}
a {color:#a3d825;text-decoration: none;margin:0;padding:0} /*couleur des liens*/
#pied {width:1024px;height:158px ;position:relative;margin: 0 auto 0 ; background:url(images/pied.jpg);}
#navigation {float:left;margin:12% 0 0 4%;color:#fff;font: 15px Helvetica;padding:0}
.menuhaut {height: 45px;width:184px;margin:; background:url(images/menuhaut.png);padding:0} h1 {height: 45px; color: #fff;text-decoration: none;width:184px;font:13px/45px Verdana ;margin:0;text-align:center;padding:0}
ul {margin:0 0 0 0;padding:0;width:184px;font: 13px Helvetica;text-decoration: none;list-style: none;text-align:center;background:url(images/contenumenu.jpg);color:#fff}
ul li a {display: block; color: #fff;height: 15px;font:13px Verdana;text-decoration: none;width:184px;margin:0 0 0 0;text-align:center;}
ul li a:hover {color: #e74eb4;height: 15px;font: 13px Verdana;text-decoration: none;width:184px;margin:0 0 0 0;text-align:center;}
.menubas {height: 37px;width:184px;margin:0 0 20px 0;background:url(images/menubas.png);padding:0}
p.partenaires {margin:0 0 1% 0;padding:0;width:184px;font: 0.7em Helvetica;text-decoration: none;list-style: none;text-align:center;background:url(images/contenumenu.jpg);color:#fff}
a img {margin:0;padding:0;border: 0;}
img {margin:0 0 2% 0;padding:0;border: 0;}
.menu {margin:;padding:0;width:184px;font: 13px Helvetica;text-decoration: none;list-style: none;text-align:center;background:url(images/contenumenu.jpg);color:#fff}
/*bouton*/ /*Choix du bouton*/
#header2{position:absolute;width:370px;height:85px;margin:9.5% 0 0 30% }
#bouton1{float: left ;background:url(images/accueil.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton1:hover {background:url(images/accueilhover.png);width:85px;height:85px;}
#bouton2{float: left ;background:url(images/forum.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton2:hover {background:url(images/forumhover.png);width:85px;height:85px;}
#bouton3{float: left ;background:url(images/contact.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton3:hover {background:url(images/contacthover.png);width:85px;height:85px;}
#bouton4{float: left ;background:url(images/favoris.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton4:hover {background:url(images/favorishover.png);width:85px;height:85px;}
#bouton5{float: left ;background:url(images/faq.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton5:hover {background:url(images/faqhover.png);width:85px;height:85px;}
#bouton6{float: left ;background:url(images/outils.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton6:hover {background:url(images/outilshover.png);width:85px;height:85px;}
#bouton7{float: left ;background:url(images/recherche.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton7:hover {background:url(images/recherchehover.png);width:85px;height:85px;}
index111.html (les chiffres sont pour le différencier du vrai index.html) :
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Index</title>
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="content-language" content="fr" />
<link href="style.css" title="Défaut" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="conteneur">
<div id="conteneures">
<!-- Début menu -->
<div id="navigation">
<div class="menuhaut">
<h1>L'association</h1></div>
<div class="menu"> <ul>
<li><a href="compostitionbureau.html">-Composition du bureau </a></li>
<li><a href="planning.html">-Planning des activités</a></li>
<li><a href="assurancereglement.html">-Assurance et Règlement</a></li>
<li><a href="activitees.html">-Activités Proposées</a></li>
<li><a href="bulletin.html">-Bulletin d'inscription</a></li>
<li><a href="fiche.html">-Fiche de Renseignements</a></li>
<li><a href="contact.html">-Contact</a></li>
</ul></div><div class="menubas"></div>
<div class="menuhaut">
<h1>Activitées</h1></div>
<div class="menu"> <ul>
<li><a href="anglais.html">-Anglais</a></li>
<li><a href="arts.html">-Arts plastiques</a></li>
<li><a href="danse.html">-Danse moderne et contemporaine</a></li><br>
<li><a href="echecs.html">-Echecs</a></li>
<li><a href="japonais.html">-Japonais</a></li>
<li><a href="natation.html">-Natation</a></li>
<li><a href="theatre.html">-Théâtre</a></li>
</ul></div><div class="menubas"></div>
<div class="menuhaut">
<h1>Partenaires</h1></div><div class="menu">
<p><a href="https://www.domainecarneros.com/"><img src="images/partenaires.jpg" width="88" height="31" alt=""/></a></p>
<p><a href="https://www.domainecarneros.com/"><img src="images/partenaires1.jpg" width="88" height="31" alt=""/></a></p>
<p><a href="https://www.domainecarneros.com/"><img src="images/partenaires2.jpg" width="88" height="31" alt=""/></a></p>
</div> <div class="menubas"></div>
</div>
<!-- Fin menu-->
<div id="header">
<!-- EXPLICATION DE MENU HORIZONTAL: Pour changer l'icone choisir le numéro dans le css en bas ( 7 boutons au total disponible) et changer la numérotation <a id="bouton1" Par <a id="bouton2,<a id="bouton3, jusqu'à 7 ... etc-->
<!--Début Du Menu Horizontal -->
<div id="header2">
<a id="bouton1" href="https://www.domainecarneros.com/"></a>
<a id="bouton3" href="contact.html"></a>
</div>
</div>
<!-- Fin Du Menu Horizontal -->
<!-- Début du contenu -->
<div id="contenu"><h2>Bienvenue sur le Site des Hirondelles</h2>
<p>
Bonjour et bienvenue sur le site des Hirondelles .<br />
Les Hirondelles, qu'est-ce que c'est ?
</p>
<h3>Des Activités</h3>
<p>
Les Hirondelles sont une association qui regroupe plusieurs activitées
</p>
<p>
Vous pourrez ainsi apprendre, sans rien y connaître auparavant, à faire du théâtre, à nager etc...
</p>
<h2>Informations Importantes</h2>
<p>Aucune informations importantes pour le moment .</p>
<p><a href="#header"><img src="images/hautdepage.png" alt=""/></a>
</p>
</div>
<!-- fin du contenu -->
<div class="separateur"></div>
<div id="pied">
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<a class="copyright" href="http://kitgraphiquegratuit.org/" onclick="window.open(this.href); return false;" title="kit graphique gratuit"></a>
<!-- mention de copyright Ne pas retirer sans autorisation écrite --></div> </div>
</body>
</html>
STYLE.CSS
body {margin:0;padding:0;background-color:#000000}
#conteneur { margin: 0 auto 0;position:relative;width:1024px;position:relative;background:url(header13.png) no-repeat ;}
#conteneures { margin: 0 auto 0;position:relative;width:1024px;position:relative;background:url(images/contenu.jpg) no-repeat ;}
#header{float:right;margin: 0 auto 0;width:792px;height:200px;background: url(images/header.jpg) no-repeat top;}
#contenu {float:right;width:60%;margin:0;padding: 0;margin:0 10% 0 0;background-color:#151515;} h2 {font-size: 20px;font-family: comic;color:#94dc30;margin:0 0 2% 0}
p {color: #fff;font:0.8em arial;margin: 0 0 0 0;padding:0 0 2% 0}
.separateur{ clear: both;visibility: hidden; }
a.copyright {position:absolute;left:28%;top:18%;width:150px;height:10px ;}
p.lien {margin:0 auto 0;text-align:center;font: 0.7em Helvetica;}
a {color:#a3d825;text-decoration: none;margin:0;padding:0} /*couleur des liens*/
#pied {width:1024px;height:158px ;position:relative;margin: 0 auto 0 ; background:url(images/pied.jpg);}
#navigation {float:left;margin:12% 0 0 4%;color:#fff;font: 15px Helvetica;padding:0}
.menuhaut {height: 45px;width:184px;margin:; background:url(images/menuhaut.png);padding:0} h1 {height: 45px; color: #fff;text-decoration: none;width:184px;font:13px/45px Verdana ;margin:0;text-align:center;padding:0}
ul {margin:0 0 0 0;padding:0;width:184px;font: 13px Helvetica;text-decoration: none;list-style: none;text-align:center;background:url(images/contenumenu.jpg);color:#fff}
ul li a {display: block; color: #fff;height: 15px;font:13px Verdana;text-decoration: none;width:184px;margin:0 0 0 0;text-align:center;}
ul li a:hover {color: #e74eb4;height: 15px;font: 13px Verdana;text-decoration: none;width:184px;margin:0 0 0 0;text-align:center;}
.menubas {height: 37px;width:184px;margin:0 0 20px 0;background:url(images/menubas.png);padding:0}
p.partenaires {margin:0 0 1% 0;padding:0;width:184px;font: 0.7em Helvetica;text-decoration: none;list-style: none;text-align:center;background:url(images/contenumenu.jpg);color:#fff}
a img {margin:0;padding:0;border: 0;}
img {margin:0 0 2% 0;padding:0;border: 0;}
.menu {margin:;padding:0;width:184px;font: 13px Helvetica;text-decoration: none;list-style: none;text-align:center;background:url(images/contenumenu.jpg);color:#fff}
/*bouton*/ /*Choix du bouton*/
#header2{position:absolute;width:370px;height:85px;margin:9.5% 0 0 30% }
#bouton1{float: left ;background:url(images/accueil.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton1:hover {background:url(images/accueilhover.png);width:85px;height:85px;}
#bouton2{float: left ;background:url(images/forum.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton2:hover {background:url(images/forumhover.png);width:85px;height:85px;}
#bouton3{float: left ;background:url(images/contact.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton3:hover {background:url(images/contacthover.png);width:85px;height:85px;}
#bouton4{float: left ;background:url(images/favoris.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton4:hover {background:url(images/favorishover.png);width:85px;height:85px;}
#bouton5{float: left ;background:url(images/faq.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton5:hover {background:url(images/faqhover.png);width:85px;height:85px;}
#bouton6{float: left ;background:url(images/outils.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton6:hover {background:url(images/outilshover.png);width:85px;height:85px;}
#bouton7{float: left ;background:url(images/recherche.png);width:85px;height:85px;margin:0 2% 0 0}
#bouton7:hover {background:url(images/recherchehover.png);width:85px;height:85px;}
Il serait peut être intéressant de mettre tes images dans le dossier "images" plutôt qu'à la racine du site...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Comment tu expliques ça alors :
1 - http://mapage.noos.fr/leshirondelles/images/pied.jpg
2 - http://mapage.noos.fr/leshirondelles/pied.jpg
...
Il faut mettre tes images dans le dossier "images" du site... pas dans le dossier "images" de ton ordinateur...
1 - http://mapage.noos.fr/leshirondelles/images/pied.jpg
2 - http://mapage.noos.fr/leshirondelles/pied.jpg
...
Il faut mettre tes images dans le dossier "images" du site... pas dans le dossier "images" de ton ordinateur...
Merci, je test .
Quand j'aurais mis l'index 111 en ligne, pourrais-je vous exposez mon autre problème s'il vous plait ?
Quand j'aurais mis l'index 111 en ligne, pourrais-je vous exposez mon autre problème s'il vous plait ?
Oui, euh excuse moi si j'ai mal compris mais j'ai tester avec pied.jpg j'ai remplacer dans le css :
#pied {width:1024px;height:158px ;position:relative;margin: 0 auto 0 ; background:url(images/pied.jpg);}
Par
#pied {width:1024px;height:158px ;position:relative;margin: 0 auto 0 ; background:url(hirondelles/images/pied.jpg);}
et sa ne marche pas =s donc ... Bon mon dossier s'appelle hirondelles avec un H majuscule donc dans le CSS j'ai essayer avec H majuscule rien changer ^-^
#pied {width:1024px;height:158px ;position:relative;margin: 0 auto 0 ; background:url(images/pied.jpg);}
Par
#pied {width:1024px;height:158px ;position:relative;margin: 0 auto 0 ; background:url(hirondelles/images/pied.jpg);}
et sa ne marche pas =s donc ... Bon mon dossier s'appelle hirondelles avec un H majuscule donc dans le CSS j'ai essayer avec H majuscule rien changer ^-^
Tu n'as rien à changer dans ton code HTML ou CSS...
La seule chose à faire c'est de mettre les images que tu appelles par HTML ou CSS dans un dossier IMAGES qui doit se trouver à coté de ta page index111.HTML
Une fois que ça sera fait, mis à part le fait que tes images sont buggées, elle devraient apparaître sur ta page...
La seule chose à faire c'est de mettre les images que tu appelles par HTML ou CSS dans un dossier IMAGES qui doit se trouver à coté de ta page index111.HTML
Une fois que ça sera fait, mis à part le fait que tes images sont buggées, elle devraient apparaître sur ta page...
"qui doit se trouver à coté de ta page index111.HTML "
C'est à dire ?
"Une fois que ça sera fait, mis à part le fait que tes images sont buggées, elle devraient apparaître sur ta page..."
Je sais que j'avais réglé le problème, je sais plus comment, je crois j'avais fait par linux et sa avait débuggé ...
C'est à dire ?
"Une fois que ça sera fait, mis à part le fait que tes images sont buggées, elle devraient apparaître sur ta page..."
Je sais que j'avais réglé le problème, je sais plus comment, je crois j'avais fait par linux et sa avait débuggé ...
C'est à dire que tu dois avoir dans un dossier par exemple qui s'apelle "mon site"
1 - Ton fichier index111.html
2 - Un dossier images avec toutes tes images.
1 - Ton fichier index111.html
2 - Un dossier images avec toutes tes images.
Bah oui, j'ai toujours eu sa .
Index.html et les autres pages et quelques images pas très importante dans :
C:\Documents and Settings\Administrateur\Mes documents\hirondelles
Et mes images dans :
C:\Documents and Settings\Administrateur\Mes documents\hirondelles\images
Index.html et les autres pages et quelques images pas très importante dans :
C:\Documents and Settings\Administrateur\Mes documents\hirondelles
Et mes images dans :
C:\Documents and Settings\Administrateur\Mes documents\hirondelles\images
J'ai oublié de présicez quand je ragrde la page sans la mettre en ligne tout marche design et tout sauf le problème que je veux te parler après ;)
Tu pourrais dire un petit "merci" et mettre ton sujet en "Résolu" quand une personne t'aide à résoudre ton problème plutôt que de te taire de te poster d'autres questions sur d'autres problèmes...
On n'est pas payé pour répondre à des batteries de questions ici... c'est la bonne volonté de chacun qui te fait avancer...
On n'est pas payé pour répondre à des batteries de questions ici... c'est la bonne volonté de chacun qui te fait avancer...
