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 :
Et ma feuille de style CSS :
Merci pour votre aide
Modifié par amelie31 (01 Aug 2013 - 23:00)
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
Modifié par amelie31 (01 Aug 2013 - 23:00)