Pb d'affichage d'images après le ftp
Fermé
nico083
Messages postés
9
Date d'inscription
lundi 9 janvier 2006
Statut
Membre
Dernière intervention
5 avril 2007
-
19 mars 2006 à 23:27
nico083 Messages postés 9 Date d'inscription lundi 9 janvier 2006 Statut Membre Dernière intervention 5 avril 2007 - 19 mars 2006 à 23:41
nico083 Messages postés 9 Date d'inscription lundi 9 janvier 2006 Statut Membre Dernière intervention 5 avril 2007 - 19 mars 2006 à 23:41
A voir également:
- Pb d'affichage d'images après le ftp
- Problème affichage le bon coin ✓ - Forum Virus
- Filezilla ftp - Télécharger - Téléchargement & Transfert
- Images gratuites - Guide
- Url ftp - Forum Windows
- Affichage double ecran - Guide
1 réponse
nico083
Messages postés
9
Date d'inscription
lundi 9 janvier 2006
Statut
Membre
Dernière intervention
5 avril 2007
19 mars 2006 à 23:41
19 mars 2006 à 23:41
je précise que j'utilise un fichier *.css indépendant du *.html et voici le code utilisé:
<!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" >
<head>
<title>Bienvenue sur le site de Nico!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Accueil" href="index.css" />
</head>
<body>
<div id="en_tete">
<!-- Ici on mettra la bannière que l'on affiche avec les fichier .css-->
</div>
<div id="corps"> <!-- contenu principal de la page -->
<h1> Bienvenue sur le Site de Nico </h1>
<p> Bienvenue sur mon site !! <br/>
Je me propose de vous divertir les yeux et l'esprit avec quelques photos
de nature et autres merveilles que celle-ci peut nous offrir !!
</p>
<h2> A qui s'adresse ce site ??</h2>
<p> A tous ceux qui sont passionnés par les trésors qui nous entourent
mais aussi tout simplement à ceux qui par mégarde sont tombés sur ce modeste site noyé
dans la masse d'informations diverses et variées que véhicule Internet !!!
</p>
<h2> En ce qui concerne l'auteur de ce site ?? </h2>
<p> Et ben !!... oui, oui, c'est moi ;-p <br/>
Je m'appelle Nicolas, j'ai 25 ans et comme tout Provençal, je n'en finis pas de m'émerveiller
devant les paysages superbes et fascinants que sont le littoral varois et le pays des Maures !!
</p>
<h2> Et quel matériel pour photographier ?? </h2>
<p> Pour ceux qui est du matériel, j'utilise un bridge long zoom Panasonic fz5 et une carte mémoire Sandisk Ultra II. <br/>
Il convient parfaitement à tous les types de situations et est un bon compromis qualité / prix !! <br/>
Pour tous ceux qui désirent apprendre la photo et même commencer à taquiner avant le passage au réflex
par exemple, c'est un appareil vraiment complet et très didactique !!
</p>
<br/>
<br/>
<p class="mise_en_valeur"> En espérant que vous apprécierez cette petite balade dans la féérie de la <strong> Provence </strong> !!
</p>
<br/>
<img class="entrer" src="images/entrer.jpg" alt="entrer" title="Entrer"/>
<br/>
</div>
<div id="pied_de_page"> <!--bas de la page avec le nom de l'auteur, un copyright... -->
<!-- <p> Copyright "Fier dou païs" 2006, tous droits réservés </p> -->
</div>
</body>
</html>
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color: black;
}
/* L'en-tête */
#en_tete
{
width: 760px;
height: 100px;
background-image: url("images/banniere.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
border-bottom: 3px red ridge;
padding-bottom: 20px;
}
/* Le corps*/
#corps
{
margin-left: 20px; /* marge à gauche pour pousser le corps pour qu'il ne passe pas sous le menu (quand menu à gauche)*/*/
margin-bottom: 20 px; /* pour ne pas coller au pied de page*/
padding: 5px;
background-color: ;
/*background-image: url("images/soleil.jpg");*/
background-repeat: repeat-x; /*fond répété horizontalement en haut*/
font-size: 1.1em;
}
#corps h1
{
color: white;
text-align: center;
font-family:Papyrus, Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height: 30px;
/* background-image: url("images/titre_h2.png");*/
background-repeat: no-repeat; /* image ne se répètera pas, elle sera à gauche du titre*/
padding-left: 30px;
font-family:Papyrus, Arial, "Arial Black", "Times New Roman", Times, serif;
color: #ea156a;
text-align: left;
}
#corps p
{
font-size: em;
font-family: Papyrus, Arial, "Arial Black", "Times New Roman", Times, serif;
color: white;
}
#corps p:first-letter
{
float-left;
font-size: 1.5em;
font-family:Papyrus,Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
color: red;
margin-right: 2px;
}
.mise_en_valeur
{
font-size: 2em;
font-family: Papyrus, Arial, "Arial Black", "Times New Roman", Times, serif;
color: red;
font-weight: bold;
text-align: center;
}
.entrer
{
margin: 20px;
margin-left: 280px;
margin-right: 280px;
}
/* Le pied de page*/
#pied_de_page
{
width: 760px;
height: 180px;
margin-top: 10px;
/*border-top: 3px red ridge;*/
padding-top: 20px;
/*text-align: center;
color: black;
/*background-color: ;*/
background-image: url("images/pied_de_page2.jpg");
background-repeat: repeat-x;
/*border:
font-size: 1.2em;
font-family:Papyrus,Arial, "Arial Black", "Times New Roman", Times, serif;*/
}
<!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" >
<head>
<title>Bienvenue sur le site de Nico!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Accueil" href="index.css" />
</head>
<body>
<div id="en_tete">
<!-- Ici on mettra la bannière que l'on affiche avec les fichier .css-->
</div>
<div id="corps"> <!-- contenu principal de la page -->
<h1> Bienvenue sur le Site de Nico </h1>
<p> Bienvenue sur mon site !! <br/>
Je me propose de vous divertir les yeux et l'esprit avec quelques photos
de nature et autres merveilles que celle-ci peut nous offrir !!
</p>
<h2> A qui s'adresse ce site ??</h2>
<p> A tous ceux qui sont passionnés par les trésors qui nous entourent
mais aussi tout simplement à ceux qui par mégarde sont tombés sur ce modeste site noyé
dans la masse d'informations diverses et variées que véhicule Internet !!!
</p>
<h2> En ce qui concerne l'auteur de ce site ?? </h2>
<p> Et ben !!... oui, oui, c'est moi ;-p <br/>
Je m'appelle Nicolas, j'ai 25 ans et comme tout Provençal, je n'en finis pas de m'émerveiller
devant les paysages superbes et fascinants que sont le littoral varois et le pays des Maures !!
</p>
<h2> Et quel matériel pour photographier ?? </h2>
<p> Pour ceux qui est du matériel, j'utilise un bridge long zoom Panasonic fz5 et une carte mémoire Sandisk Ultra II. <br/>
Il convient parfaitement à tous les types de situations et est un bon compromis qualité / prix !! <br/>
Pour tous ceux qui désirent apprendre la photo et même commencer à taquiner avant le passage au réflex
par exemple, c'est un appareil vraiment complet et très didactique !!
</p>
<br/>
<br/>
<p class="mise_en_valeur"> En espérant que vous apprécierez cette petite balade dans la féérie de la <strong> Provence </strong> !!
</p>
<br/>
<img class="entrer" src="images/entrer.jpg" alt="entrer" title="Entrer"/>
<br/>
</div>
<div id="pied_de_page"> <!--bas de la page avec le nom de l'auteur, un copyright... -->
<!-- <p> Copyright "Fier dou païs" 2006, tous droits réservés </p> -->
</div>
</body>
</html>
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color: black;
}
/* L'en-tête */
#en_tete
{
width: 760px;
height: 100px;
background-image: url("images/banniere.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
border-bottom: 3px red ridge;
padding-bottom: 20px;
}
/* Le corps*/
#corps
{
margin-left: 20px; /* marge à gauche pour pousser le corps pour qu'il ne passe pas sous le menu (quand menu à gauche)*/*/
margin-bottom: 20 px; /* pour ne pas coller au pied de page*/
padding: 5px;
background-color: ;
/*background-image: url("images/soleil.jpg");*/
background-repeat: repeat-x; /*fond répété horizontalement en haut*/
font-size: 1.1em;
}
#corps h1
{
color: white;
text-align: center;
font-family:Papyrus, Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height: 30px;
/* background-image: url("images/titre_h2.png");*/
background-repeat: no-repeat; /* image ne se répètera pas, elle sera à gauche du titre*/
padding-left: 30px;
font-family:Papyrus, Arial, "Arial Black", "Times New Roman", Times, serif;
color: #ea156a;
text-align: left;
}
#corps p
{
font-size: em;
font-family: Papyrus, Arial, "Arial Black", "Times New Roman", Times, serif;
color: white;
}
#corps p:first-letter
{
float-left;
font-size: 1.5em;
font-family:Papyrus,Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
color: red;
margin-right: 2px;
}
.mise_en_valeur
{
font-size: 2em;
font-family: Papyrus, Arial, "Arial Black", "Times New Roman", Times, serif;
color: red;
font-weight: bold;
text-align: center;
}
.entrer
{
margin: 20px;
margin-left: 280px;
margin-right: 280px;
}
/* Le pied de page*/
#pied_de_page
{
width: 760px;
height: 180px;
margin-top: 10px;
/*border-top: 3px red ridge;*/
padding-top: 20px;
/*text-align: center;
color: black;
/*background-color: ;*/
background-image: url("images/pied_de_page2.jpg");
background-repeat: repeat-x;
/*border:
font-size: 1.2em;
font-family:Papyrus,Arial, "Arial Black", "Times New Roman", Times, serif;*/
}