18041 sujets

Questions générales et questions de débutants

Problème de css chez free

Bonjour à tous,
débutant en css, j'ai fait une page avec des images en arrière-plan utilisant du css...qui s'affichent en test sous XP en local mais qui, une fois transférées chez free, ne s'affichent plus.
Quelqu'un a la solution ? Ci-dessous les qq lignes du code html
Merci pour l'entraide
Matthieu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>Bienvenue sur le site</title>
<link rel="stylesheet" title="Shell (Default)" href="http://palis.aube.free.fr/shell-bg.css" type="text/css" media="screen">
<style type="text/css">
<!--
body {position: relative; margin: 0; padding: 0;}
div#content {position: absolute; top: 26px; left: 161px; right: 25px;
color: #024; font: 15px Verdana, sans-serif; padding: 10px;
border: solid #FFCC99;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif;
padding: 5px 10px; margin: 0 0 2px; border-width: 0;
text-decoration: none; color: #FFC;}
div#links a:hover {color: #F6E497;}
h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #ACE; color: #024;
letter-spacing: 0.5em; text-transform: ; font: bold 25px sans-serif; height: 36px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: white;}
div#content a:visited {color: #BBC;}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}
div#links {position: absolute; top: 52px; left: 0; width: 160px; height: 700px; font: 16px Verdana, sans-serif;}
code, pre {color: #EDC; font: 110% monospace;}
-->
</style>
</head>
<body>
<div id="links">
<a href="http://palis.aube.free.fr/indentif.html">Page d'accueil</a>
<a href="http://palis.aube.free.fr/indentif.html">Vie de village</a>
<a href="http://palis.aube.free.fr/indentif.html">Info pratiques</a>
<a href="http://palis.aube.free.fr/indentif.html">Liens cajats</a>
<a href="http://palis.aube.free.fr/indentif.html">La Gazette</a>
</div>
<div id="content">
<H1>Pâlis, village en Forêt d'Othe</H1>
<p>
etc...

et les qq lignes du fichier shell-bg.css qui doit normalement permettre d'afficher des images

body {background: black url('try1.jpg') no-repeat fixed 0 0;}
div#content {background: #BD8D46 url('try1-brown4.jpg') no-repeat fixed 0 0;}
div#links a {background: url('try1-wash.jpg') no-repeat fixed 0 0;}
div#links a:hover {background: url('try1.jpg') no-repeat fixed 0 0;}
Bonsoir,

As-tu placé tout tes fichiers (html, css et img) dans le même répertoire (c'est ce que ton code indique en tout cas)?

Car il n'y a pas 36 solutions, si ca fonctionnais sur ton pc/mac et plus lors de l'upload ca ne peut être qu'un problème de chemin.

Dans ce cas deux pistes sont à explorer, l'emplacement (je te conseil d'utilisé une url relative en passant) de ton css ou de tes images, ou alors un problème de majuscule dans le nom du fichier ?

Enfin je peux te rassurer en te disant que free n'a rien avoir la dedans.

En espérant t'avoir un peu aidé Smiley langue
Bonjour cajaman et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien "Aide" qui apparaît dans le menu principal du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Et en enlevant les guillemets autour de tes url dans les CSS ?

body {background: black url(try1.jpg) no-repeat fixed 0 0;}
Sujet clos
Aller à