Aide CSS
Résolu
-rochdi-
Messages postés
934
Date d'inscription
Statut
Membre
Dernière intervention
-
-rochdi- Messages postés 934 Date d'inscription Statut Membre Dernière intervention -
-rochdi- Messages postés 934 Date d'inscription Statut Membre Dernière intervention -
Bonjour,je veux créer un site WEB,bien sur je suis des cours de XHTML et CSS, c'est là le problème,
pour mettre une image en fond d'écran du site je crois que c'est
body
{
background-image: url("../project/skull.JPEG");
}
sauf qu'on ouvrant mon browser(Google chrome) elle n'est pas affichée.
Merci d'avance!
pour mettre une image en fond d'écran du site je crois que c'est
body
{
background-image: url("../project/skull.JPEG");
}
sauf qu'on ouvrant mon browser(Google chrome) elle n'est pas affichée.
Merci d'avance!
A voir également:
- Aide CSS
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
50 réponses
salut^^
Ce n'est pas parce que c'est marqué JPEG dans la fenêtres des propriétés de l'image indique "JPEG" que l'extension est JPEG. En général, l'extension est "JPG" (en minuscule)
Il faut mettre comme c'est dans le nom du fichier. Il faut afficher les extensions du fichier : "outils" > "Options des dossiers" et décoches "masquer les extensions dont le type est connu".
Ce n'est pas parce que c'est marqué JPEG dans la fenêtres des propriétés de l'image indique "JPEG" que l'extension est JPEG. En général, l'extension est "JPG" (en minuscule)
Il faut mettre comme c'est dans le nom du fichier. Il faut afficher les extensions du fichier : "outils" > "Options des dossiers" et décoches "masquer les extensions dont le type est connu".
salut,
si le code c'était :
il manque le point virgule au bout de la règle margin-bottom, donc ça annule tout ce qui suit pour ce sélecteur.
si le code c'était :
body
{
width: 760px;
margin: auto; /*Pour centrer notre page */
margin-top:20px; /* pour éviter de coller avec le haut de la fenêtre du naviguateur */
margin-bottom: 20px /* Idem pour le bas....*/
background-color: red;
/* Une petite image pour le fond */
il manque le point virgule au bout de la règle margin-bottom, donc ça annule tout ce qui suit pour ce sélecteur.
Salut, merci pour la réponse,mais ça marche pas,voilà ce que j'ai mis exactement
body
{
background: url(C:\Documents and Settings\khalikine\Bureau\Nouveau dossier\skull.jpeg);
}
et l'image c'est celle de mon profil
Merci
body
{
background: url(C:\Documents and Settings\khalikine\Bureau\Nouveau dossier\skull.jpeg);
}
et l'image c'est celle de mon profil
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
et voilà le texte html peut-être l'erreur provient de là
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Page d'exemple pour tester le CSS</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="essai.css" />
</head>
<body>
<h1>Découverte du CSS</h1>
<p>
Bonjour !<br/>
Je suis une page XHTML<em>apparemment</em>banale, mais je sers en fait de test de fichiers<acronym title="Cascading Style Sheets">CSS</acronym>pour les tutoriels du<a href="https://openclassrooms.com/fr/">Site du zéro</a>
</p>
<h2>Ce n'est que du blabla</h2>
<p>
Comme l'a dit Neil Armstrong un certain 20 juillet 1969 : <q>C'est un petit pas pour l'Homme, un grand pas pour l'Humanité</q><br />
J'aime la choucroute en conserve.<br />
Vive les frites !
</p>
<p>
Quoi, ça ne veut rien dire ce que j'écris ? On s'en fout, c'est pour tester notre fichier .css rhalala ;o)
</p>
</body>
</html>
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Page d'exemple pour tester le CSS</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="essai.css" />
</head>
<body>
<h1>Découverte du CSS</h1>
<p>
Bonjour !<br/>
Je suis une page XHTML<em>apparemment</em>banale, mais je sers en fait de test de fichiers<acronym title="Cascading Style Sheets">CSS</acronym>pour les tutoriels du<a href="https://openclassrooms.com/fr/">Site du zéro</a>
</p>
<h2>Ce n'est que du blabla</h2>
<p>
Comme l'a dit Neil Armstrong un certain 20 juillet 1969 : <q>C'est un petit pas pour l'Homme, un grand pas pour l'Humanité</q><br />
J'aime la choucroute en conserve.<br />
Vive les frites !
</p>
<p>
Quoi, ça ne veut rien dire ce que j'écris ? On s'en fout, c'est pour tester notre fichier .css rhalala ;o)
</p>
</body>
</html>
Bonjour,
J'aimerais mettre une bannière fixe en haut de mon site et qu'elle reste fixe même si le texte en dessous est plus long que l'écran et qu'on le fait défiler. En CS3 j'ai mis mon div en positionnement fixe, mais quand je regarde ce que cela donne sur internet, le texte qui devrait se trouver en dessous de ma bannière se trouve par dessus!
Qu'est-ce que je dois changer?
Merci de votre aide
Gulliver
J'aimerais mettre une bannière fixe en haut de mon site et qu'elle reste fixe même si le texte en dessous est plus long que l'écran et qu'on le fait défiler. En CS3 j'ai mis mon div en positionnement fixe, mais quand je regarde ce que cela donne sur internet, le texte qui devrait se trouver en dessous de ma bannière se trouve par dessus!
Qu'est-ce que je dois changer?
Merci de votre aide
Gulliver
Merci le hollandais volant pour ton aide, mais ça ne marche toujours pas, dans les propriétés de l'image elle est JPEG, j'ai essayé ton truc ça marche pas.
j'ai mis exactement ça
body
{ background: url(C:\Documents and Settings\khalikine\Bureau\image\skull.JPEG) no-repeat; }
Ne dois-je pas mettre des ""?
j'ai mis exactement ça
body
{ background: url(C:\Documents and Settings\khalikine\Bureau\image\skull.JPEG) no-repeat; }
Ne dois-je pas mettre des ""?
salut,
mets ton images dans le même dossier que ton fichier CSS (ou HTML) et utilise :
et vire les majuscules des noms de fichiers (dans le code et dans le nom du fichier sur le disque dur).
mets ton images dans le même dossier que ton fichier CSS (ou HTML) et utilise :
background: url(skull.JPEG) no-repeat;
et vire les majuscules des noms de fichiers (dans le code et dans le nom du fichier sur le disque dur).
Merci dalida, mais ça ne marche toujours pas, et ne fait je croyais que c'était background-image mais même avec ça marche pas..
+1 pour le hollandais.
si ça ne fonctionne pas, fais nous un copier/coller de l'adresse qui est dans la barre d'adresse de ton navigateur quand tu affiches ta page, stp.
si ça ne fonctionne pas, fais nous un copier/coller de l'adresse qui est dans la barre d'adresse de ton navigateur quand tu affiches ta page, stp.
Salut, merci pour ta réponse mais ça ne marche toujours pas j'ai mis exactement
body
{
background-image: url(skull.JPG) no-repeat;
}
body
{
background-image: url(skull.JPG) no-repeat;
}
essaie avec :
et dis nous ce qui s'affiche.
file:///C:/Documents%20and%20Settings/khalikine/Bureau/rochdi/project/skull.JPG
et dis nous ce qui s'affiche.
