Titre: pb de debutant
Posté par: xav2374 le le 25-02-2010 a 18:26:38
bonjour a tous ! je debute dans le domaine et j ai probleme de feuille de style css , je vous explique , voila ma feuille de style :
body {
background-image: url("C:\Documents and Settings\.....\draw.jpg");
background-repeat: no-repeat ;
background-attachment: fixed ;
}
et voila la maniere dont je l integre a mon doc html :
<head>
<link rel="stylesheet" type="text/css" href="style.css"
/>
</head>
mais ca ne fonctionne absolument pas !
pouvez vous m aider syp ? je comprend pas pourquoi !
j ai oublié quelque chose ?
|
Titre: Re:pb de debutant
Posté par: Pad le le 25-02-2010 a 19:28:24
Le chemin de l'arrière plan n'est pas bon...
background-image: url("C:\Documents and Settings\.....\draw.jpg");
il faut mettre l'adresse relative vers le fichier. C'est à dire que si ton fond draw.jpg est au même endroit que ton css, se sera :
background-image: url("draw.jpg");
S'il est dans le dossier images se sera :
background-image: url("images/draw.jpg");
Le mieux est assi d'utiliser la version rapide du css background :
background: url("draw.jpg") top left no-repeat;
En gros, l'url de l'image, son positionnement par rapport au point en haut a gauche et pas de répétition ;) |
Titre: Re:pb de debutant
Posté par: xav2374 le le 26-02-2010 a 00:20:05
merci beaucoup , mais c est pas ca , j ai juste raccourci le chemin dans mon post car il est vraiment long .
j ai essayé aussi de mettre juste le nom de l image mais ca marche pas non plus ...
il y a un truc que j ai pas du comprendre , cette balise :
<style type="text/css">
ou dois je la mettre ? est elle obligatoire ? si oui faut il la refermer ?
je fonctionne sous firefox , si ca peut aider
merci d avance |
Titre: Re:pb de debutant
Posté par: Pad le le 26-02-2010 a 01:28:25
les styles doivent etre mis entre <head></head> dans le haut du document HTML et la balise doit bien être refermée...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Ma première page avec du style</title>
<style type="text/css">
ton style
</style>
</head>
<body>
[etc.] |
Titre: Re:pb de debutant
Posté par: xav2374 le le 26-02-2010 a 03:41:38
rien a faire .... ca marche pas , meme en mettant cette balise dans le code html ....
je comprend pas .... cette balise n est elle pas faite pour une feuille css interne au code html normalement ?
la mienne est a part .
je vous remet tout le script en entier :
<html>
<head>
<span style="position: absolute; top: 50px; left: 230px; width: 242px;
heigth: 154px;">
<img SRC ="fond+texte.jpg" align=middle>
</span>
<link rel="stylesheet" type="text/css" href="style.css"
/>
</head>
<body>
</body>
</html>
et la feuille css separée :
body {
background-image: url("draw.jpg");
background-repeat: no-repeat ;
background-attachment: fixed ;
}
mon notepad ++ me met l adresse url de l image en noir (erreur) ... je sais pas pourquoi ?
y a t il une taille maxi pr les images ?
le faite d avoir inserer le style "span" d une image juste avant y est il pour quelque chose ?
|
Titre: Re:pb de debutant
Posté par: KB le le 26-02-2010 a 09:19:27
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<span style="position: absolute; top: 50px; left: 230px; width: 242px;
heigth:154px;">
<img SRC ="fond+texte.jpg" align=middle>
</span>
</body>
</html>
-> je suppose que ton height:154 ne marche pas également: il faut enlever l'espace avant 154px.
Pour le background:
body{
background:url('draw.jpg') top left no-repeat; // si ton image est dans le même repertoire que ton css
margin:auto //si tu veux qu'il soit centré
}
->autre questionpourquoi créer une feuille de style si tu ne met pas TOUS les styles dans cette feuille? |
Titre: Re:pb de debutant
Posté par: xav2374 le le 26-02-2010 a 13:36:41
merci KB , j ai fais un copier coller de ton script mais y a absolument rien a faire ..... c est entrain de me rendre fou !!!!!
ma feuille de style est bien ds le meme repertoire que tout le reste , l image aussi et elle s appelle bien draw.jpg , je verifie tout meme les trucs les plus betes , et ca marche pas ... ma feuille de style est bien enregistrée au format css .... mon script au format html, etc...
mon script ressemble maintenant a ca :
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<span style="position: absolute; top:50px; left:230px; width:242px; heigth:154px;">
<img SRC ="fond+texte.jpg" align=middle>
</span>
</body>
</html>
et pour la feuille css :
body {
background:url('draw.jpg') top left no-repeat;
}
j ai meme essayé de mettre des guillemets doubles sur 'draw.jpg' ou de rajouter -image après background , j ai vraiment espuisé toutes les possibilités.... c est dingue qu un truc aussi simple me donne autant de fil a retordre .... en fait KB si je fais ca c est parce que je test les differents styles de feuilles , c est juste pour apprendre a m en servir correctement , mais c est pas gagné apparement .....
je ne sais pas pourquoi mais notepad me met tjs l url de l image en noir .... c est normal ??? j ai essayé de mettre l url en entier genre C: etc... et tjs rien ......
|
Titre: Re:pb de debutant
Posté par: KB le le 26-02-2010 a 13:56:04
| ton image est peut etre trop grande par rapport à la taille de ton span? car le code que je t'ai donné marche très bien ! |
Titre: Re:pb de debutant
Posté par: xav2374 le le 28-02-2010 a 14:45:49
mon span c est uniquement pour un logo :"fond+texte.jpg" j ai essayé de le virer et de laisser juste "draw.jpg" c est une grande image de fond 941*753 ,50 ko ... enfin rien d exceptionnel quoi ... j ai essayé avec une plus petite ca marche pas non plus ....
c est normal que notepad me mette l url de l image en noir ?
je comprend plus rien .... j imagine bien que ton script marche !
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|