Petit coup main siouplé
jalil
-
java4ever -
java4ever -
Bonjour, un petit coup de main serais pas de refus, voila je me lance dans le html et le css autant dire un débutant, mon probleme c est que je n arrive pas a affiché mon fond que j ai choisi quand j ouvre le navigateur voici mon code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>FastInfoR</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
</body>
</html>
et voici mon css :
body{
background:url(theme/floralis.jpg) no-repeat top center;
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}
j ai bien mis l image dans le dossier theme et le fichier html et css a la racine du dossier, voila si quelqun pourrais me dire ou j ai pu faire une faute merci d avance pour vos réponses.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>FastInfoR</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
</body>
</html>
et voici mon css :
body{
background:url(theme/floralis.jpg) no-repeat top center;
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}
j ai bien mis l image dans le dossier theme et le fichier html et css a la racine du dossier, voila si quelqun pourrais me dire ou j ai pu faire une faute merci d avance pour vos réponses.
13 réponses
Je ne suis pas expert en html mais il me semble que le chemin d'accès de ton image doit être entre guillemets.
De plus au lieu de :
background:url(theme/floralis.jpg) no-repeat top center;
je mettrais plutôt :
background-image:url("theme/floralis.jpg") no-repeat top center;
De plus au lieu de :
background:url(theme/floralis.jpg) no-repeat top center;
je mettrais plutôt :
background-image:url("theme/floralis.jpg") no-repeat top center;
je vient d essayer avec
background-image:url("theme/floralis.jpg")
mais ça n affiche toujours rien :(
background-image:url("theme/floralis.jpg")
mais ça n affiche toujours rien :(
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
background:url(theme/floralis.jpg) no-repeat top center;
essaye avec un point virgule entre "url(theme/floralis.jpg)" et le reste.
EDIT:je confirme avec le point virgule ça marche.
essaye avec un point virgule entre "url(theme/floralis.jpg)" et le reste.
EDIT:je confirme avec le point virgule ça marche.
je vient d essayer a la mettre a la racine du dossiers et toujours pareil :(
et hier j ai essayer avec un .png et maleurhesement c pareil
et hier j ai essayer avec un .png et maleurhesement c pareil
BonjourJalil,
Je penses que ta situation resemble à je me noie dans un verre d'eau !
Plaisanterie à part, tu y es presque, mais plusieurs chagements finissent par te perdre :
Voici un code css qui marche avec ta page html
A noter :
1) on peut mettre aussi bien background que background-image):
2) les guillemets ne sont pas nécessaires
3) Il faut séparer les éléments repeat et position avec les bons mots clés
Ci-dessous le contenu de style.css qui est au même niveau que la page html
Bien sûr, l'image floralis.jpg doit être dans le répertoire theme qui est un sous répertoire de celui de la page html
on est donc d'accord : sur le répertoire de travail tu as 2 fichiers : "page.html" et "style.css" et un sous répertoire nommé "theme"
Dans le répertoire theme, tu as un fichier floralis.jpg
Moi j'ai ça et ça marche avec Firefox 3.0 et Explorer 7, donc ça doit marcher
as tu essayé sans passer par un serveur web et en double cliquant simplement sur le fichier page.html ? ça doit ausse marcher !
A+
Je penses que ta situation resemble à je me noie dans un verre d'eau !
Plaisanterie à part, tu y es presque, mais plusieurs chagements finissent par te perdre :
Voici un code css qui marche avec ta page html
A noter :
1) on peut mettre aussi bien background que background-image):
2) les guillemets ne sont pas nécessaires
3) Il faut séparer les éléments repeat et position avec les bons mots clés
Ci-dessous le contenu de style.css qui est au même niveau que la page html
body
{
background:url(theme/floralis.jpg);
background-repeat: no-repeat;
background-position: top center;
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}
Bien sûr, l'image floralis.jpg doit être dans le répertoire theme qui est un sous répertoire de celui de la page html
on est donc d'accord : sur le répertoire de travail tu as 2 fichiers : "page.html" et "style.css" et un sous répertoire nommé "theme"
Dans le répertoire theme, tu as un fichier floralis.jpg
Moi j'ai ça et ça marche avec Firefox 3.0 et Explorer 7, donc ça doit marcher
as tu essayé sans passer par un serveur web et en double cliquant simplement sur le fichier page.html ? ça doit ausse marcher !
A+
