Page 1 sur 1
redimensionner fonds d'écran
Publié : 29 mars 2009, 18:51
par desatan
Salut,
Je crée mon premier site internet et j'ai kompozer version 0.7.10.
J'ai mis un fond d'écran nickel.
Mon code est celui-ci :
</head>
<body style="background-image: url(images/fonds1024-768.jpg);">
<br>
</body>
</html>
J'aimerais savoir comment faire pour que mon fond d'écran s'adapte à la résolution des écrans des visiteurs de mon site ?
Merci de votre aide
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8
Publié : 29 mars 2009, 19:00
par chinon37
C'est une discussion que nous avons déjà eue: il n'est pas possible que l'image s'adapte automatiquement à la définition de l'écran du visiteur.
Il faut paller à cela avec un fond de couleur coordonné, une largeur de contenu fixe, etc...
Publié : 29 mars 2009, 19:13
par desatan
après quelques recherches sur le net, j'ai trouvé çà :
Bonjour,
Pour adapter ton fond à la résolution de l'écran du client, voilà un script à mettre entre </head> et <body>:
<script type="text/javascript">
<!--
if (screen.width==800&&screen.height==600)
{
document.write("<body background=\"fondAcceuil800-600.jpg\">");
}
else
if (screen.width==1024&&screen.height==768)
{
document.write("<body background=\"fondAcceuil1024-768.jpg\">");
}
else
if (screen.width==1280&&screen.height==1024)
{
document.write("<body background=\"fondAcceuil1280-1024.jpg\">");
}
else
if (screen.width==1600&&screen.height==1200)
{
document.write("<body backround=\"fondAcceuil1600-1200.jpg\">");
}
else document.write("<body backround=\"fondAcceuil_si_rien_ne_correspond.jpg\">");
//-->
</script>
Le problème, c'est que je ne sait pas où le mettre ?
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8
Publié : 29 mars 2009, 20:23
par Ymai
Bonjour
desatan a écrit :voilà un script à mettre entre </head> et <body>:
A mon avis, il est donc destiné à être mis quelque part entre la balise </head> et la balise <body>
Ceci dit, si le script écrit une nouvelle balise <body> devant celle qui existe, cela va poser un problème.
D'autre part, il semble bien que KompoZer interprète le script. Ce qui met un peu la pagaille dans le code.
Donc, pas applicable.
Ceci encore dit, en faisant une petite recherche pour savoir d'où venait ce script, je tombe sur
http://www.infos-du-net.com/forum/12036 ... resolution qui propose une solution CSS qui a l'air intéressante, même si elle sent fort le bricolage.
En tous les cas, ça fonctionne tant bien que mal, sauf pour les proportions de l'image dans différentes tailles de fenêtre.
[EDIT]Enfin... Il y a un peu de travail pour rendre cela propre.[/EDIT]
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.8) Gecko/2009032711 Ubuntu/8.04 (hardy) Firefox/3.0.8
Publié : 29 mars 2009, 21:12
par desatan
Ymai, merci de ta réponse. Mon code, je dois le mettre où ? dans source ? dans balises HTML ?
Merci par avance
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8
Publié : 29 mars 2009, 23:15
par Ymai
Ymai a écrit :entre </head> et <body>
Donc
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title></title>
</head>
Mais, comme je l'indiquais plus haut, ça ne marchera pas sous KompoZer. A mon humble avis.
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.8) Gecko/2009032711 Ubuntu/8.04 (hardy) Firefox/3.0.8