petit coup main siouplé Fermé

Question

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.

B-o-B-78 · Answer

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;

bissdebrazza · Answer

Salut!
essai de mettre background-image et teste!
CDT

jalil · Answer

je vient d essayer avec 


background-image:url("theme/floralis.jpg")


mais ça n affiche toujours rien :(

bissdebrazza · Answer

background-image:url(theme/floralis.jpg);

jalil · Answer

j ai essayé en changeants de fond et en prenant un .png et toujours pareil

B-o-B-78 · Answer

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.

jalil · Answer

tu veut dire comme ça ?


background:url(theme/floralis.jpg) ; no-repeat top center;

jalil · Answer

toujours pareil une page blanche :'(

bissdebrazza · Answer

essai d'enlever d'abord no-repeat et top center pour voir!

jalil · Answer

j ai bien le titre de ma feuille mais elle est toujours blanche .

bissdebrazza · Answer

donc c ton image qui a un problème!change d'image ou met l'image à la racine du site

jalil · Answer

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

java4ever · Answer

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

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+

Petit coup main siouplé

13 réponses

Discussions similaires