pb de debutant - Forum HTML / CSS / XHTML

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  pb de debutant

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: pb de debutant (Lu 1187 fois)

pb de debutant
« sur: le 25-02-2010 a 18:26:38 »

xav2374
Membre récent

Hors-Ligne

Messages: 6

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 ?

Rapporter au modérateur

Re:pb de debutant
« Répondre #1 sur: le 25-02-2010 a 19:28:24 »

Pad
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1391

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

Rapporter au modérateur

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028

Re:pb de debutant
« Répondre #2 sur: le 26-02-2010 a 00:20:05 »

xav2374
Membre récent

Hors-Ligne

Messages: 6

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

Rapporter au modérateur

Re:pb de debutant
« Répondre #3 sur: le 26-02-2010 a 01:28:25 »

Pad
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1391

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.]

Rapporter au modérateur

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028

Re:pb de debutant
« Répondre #4 sur: le 26-02-2010 a 03:41:38 »

xav2374
Membre récent

Hors-Ligne

Messages: 6

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 ?

Rapporter au modérateur

Re:pb de debutant
« Répondre #5 sur: le 26-02-2010 a 09:19:27 »

KB
Superactif

Hors-Ligne

Messages: 613

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

« Dernière Édition: le 26-02-2010 a 09:21:29 par KB »

Rapporter au modérateur

Re:pb de debutant
« Répondre #6 sur: le 26-02-2010 a 13:36:41 »

xav2374
Membre récent

Hors-Ligne

Messages: 6

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

Rapporter au modérateur

Re:pb de debutant
« Répondre #7 sur: le 26-02-2010 a 13:56:04 »

KB
Superactif

Hors-Ligne

Messages: 613

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 !

Rapporter au modérateur

Re:pb de debutant
« Répondre #8 sur: le 28-02-2010 a 14:45:49 »

xav2374
Membre récent

Hors-Ligne

Messages: 6

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 !

Rapporter au modérateur