La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  pb de debutant
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  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





Voir le Profil
Répondre avec citation

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





Voir le Profil    WWW
Répondre avec citation

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





Voir le Profil
Répondre avec citation

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





Voir le Profil    WWW
Répondre avec citation

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





Voir le Profil
Répondre avec citation

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





Voir le Profil
Répondre avec citation

<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





Voir le Profil
Répondre avec citation

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





Voir le Profil
Répondre avec citation

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





Voir le Profil
Répondre avec citation

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  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg