Mihamina Rakotomandimby a écrit :
> Bonjour,
> J'ai cette URL:
> http://www.sitedetest.net/villamnesya/
Comme présentation, ça m'a l'air de beaucoup ressembler à un certain
hotel, non ?
> Sous Firefox: Aucun problème
> Sous IE:
> - espace entre l'image de bordure du haut et le corps du contenu
> - pas d'affichage du fond (encore moins de mouvement donc...)
et en mettant le fond du move en CSS ?
(à mon idée, pour l'image de fond, les ' ou " sont optionnels et même
sont dé-stabilisants pour moult brouteurs)
div#haut
{
background: url(images/test.jpg) repeat left top #0092c4;
color:red;
width: 520px;
height: 300px;
}
div#haut.accueil
{
background-image: url(images/chambres.jpg);
height: 400px;
}
div#haut.villa
{
background-image: url(images/villa.jpg);
}
div#haut.service
{
background-image: url(images/services.jpg);
}
> Malheureusement, je ne sais pas trouver:
> - pourquoi le fond ne s'affiche pas
Il ne s'affiche pas non plus dans Safari 2 ... ! !
Pour Safari le tempo du move réglé à 1 milliseconde est beaucoup,
beaucoup trop court !
préférer qque chose comme 20
> - quel est le petit nom du gag de l'espace sur le haut de la page...
sais pô
essayer en CSS :
div { margin: 0 }
div img { margin: 0; border: none; }
pour le
JS (testé IE Mac et Fx et Safari) :
var le_haut, valeur_depart, i, f, tempo = 10;
var move = function()
{
le_haut.backgroundPosition = i+"px top";
f[0].value = i--;
setTimeout('move()',tempo);
}
window.onload = function() {
f = document.getElementById('f');
valeur_depart = f[0].value;
le_haut= document.getElementById('haut').style;
le_haut.height = '400px';
le_haut.backgroundImage =
'url(
http://www.sitedetest.net/villamnesy...res.jpg)';
le_haut.backgroundPosition= valeur_depart+"px -1px";
i = valeur_depart;
setTimeout('move()', 2000); // laisser le temps de charger le fond ?
}
voir :
<http://cjoint.com/?eAmdloGNNt>
--
sm