Bonjour,

Je m’occupe depuis plusieurs années d’un site dédié à mon idole (http://www.starclemence.fr.nf). Or, je n’ai jamais utilisé de feuille de style CSS. Des personnes m’ont dit récemment que mon site (background) ne s’adapte pas à l’écran. J’ai donc vu que grâce à la feuille de style CSS il est possible de régler ce problème (background cover et fixed).
J’ai essayé de lire les questions/réponses sur les forums, les méthodes conseillées, etc. Mais je n’y arrive toujours pas… Je ne sais pas si j’utilise les bons chemins, je ne sais pas ce qui est bon..
J’utilise Frontpage2003, avec Free comme hébergeur et FileZilla pour transférer mes fichiers. Sur FileZilla j’ai en racine 2 dossiers (un pour ma galerie Coppermine et l’autre « starclemence » où se trouvent les fichiers de mon site). Dans «starclemence » j’ai créé une feuille de style « styleindex.css » mais je n’arrive pas à la relier avec mon fichier htm « index.htm » où j’ai inséré un code…

Pouvez-vous m’aider ?

Voici le début du code html :
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>StarClemence, votre site de référence sur Clémence.</title>
	<link rel="stylesheet" type="text/css" href="/starclemence/styleindex.css" media="all">
</head>
<body bgcolor="#FFFFFF">


Et ma feuille de style CSS :

body {
    max-width: 1200px;
    margin: 0 auto;
	
	background-image: url(http://starclemence.free.fr/starclemence/images/fondindex.jpg);
    background-repeat: no-repeat;
    background-color: #ffffff;
	backgroung-size: cover;
	background-attachment: fixed;
	background-position:center center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
}


Merci pour votre aide Smiley smile
Modifié par amelie31 (01 Aug 2013 - 23:00)
Bonjour,

Oui je viens de voir voir votre site et effectivement c'est moche (au niveau du code Smiley cligne ), et je dirais même rigolo car plein de chose sont très mal utilisées voir absurde.

Je suppose, de par la qualité du code, que vos connaissance actuelle ne vous permettrons pas de comprendre correctement ce que fait exactement chaque paramètre CSS, l'utilité de chaque balises... Bref pleins de notions indispensable pour concevoir un site web digne de ce nom.

Si vous disposez de temps, je vous recommande de voir des cours, il existe des formations ecrite (site du zero, alsacreation) et vidéos (elephorm, video2brain) afin d’acquérir au moins les bases des principaux langages web.

Sur le moment j’aurai bien aimez vous aider mais il se trouve que l’intégralité du site pose problème... Smiley langue

A l'heure d'aujourd'hui 2 solutions : vous optez pour l'utilisation d'un CMS tel que wordpress (qui ne requiert quasiment aucune connaissance technique), ou faire appel à un dev web qui rendra votre site plus a jour techniquement et agréable pour les visiteurs.
Modifié par mazert (02 Aug 2013 - 22:09)
Bonsoir,

Haha en effet je ne suis que débutante, et j'aimerai m'améliorer, d'où ma demande d'aide sur ce forum. Je vous remercie pour votre réponse, je vais essayer d'apprendre petit à petit tout ce qui sera nécessaire pour l'amélioration de mon site.

:)
'Soir

Je vous débloque juste le lien avec la feuille de style, parce que comme l'a dit fort justement mazert, il y a un sacré boulot à faire sur votre site, et au préalable beaucoup de tutoriels à lire sur le net Smiley smile

Votre page d'index se trouve ici :
http://starclemence.free.fr/starclemence/index.htm

Votre feuille de style se trouve à ses côtés :
http://starclemence.free.fr/starclemence/styleindex.css

Pour que la première puisse appeler la seconde, il n'y pas besoin de préciser de répertoire puisque les 2 fichiers sont dans le même.

<link rel="stylesheet" type="text/css" href="/starclemence/styleindex.css" media="all">


doit donc devenir :

<link rel="stylesheet" type="text/css" href="styleindex.css" media="all">


Un premier article à lire sur les liens (relatifs et absolus) :
http://www.alsacreations.com/astuce/lire/78-quelle-est-la-diffrence-entre-les-chemins-relatifs-et-absolus.html

Pour ce qui est du reste, pardonnez-moi mais il y a trop de choses à corriger pour que je m'aventure d'avantage sur ce post Smiley cligne

Bonne aventure Smiley smile