Bonjour,
J'ai cette URL:
http://www.sitedetest.net/villamnesya/

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...)

Malheureusement, je ne sais pas trouver:
- pourquoi le fond ne s'affiche pas
- quel est le petit nom du gag de l'espace sur le haut de la page...
--
Huile Essentielle de Camphre http://www.huile-camphre.fr
Infogerance http://www.infogerance.us
(Serveurs, Postes de travail, Développement logiciel)

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

SAM wrote:
>> J'ai cette URL:
>> http://www.sitedetest.net/villamnesya/
> Comme présentation, ça m'a l'air de beaucoup ressembler à un certain
> hotel, non ?

Oui, c'est une variation. Mais le futur propriétaire du site aime.
Mais si tu regarde la version définitive de l'hotel, finalement, c'est
suffisament éloigné.
(au fait, je ne sai plus si dans ton exemple tu as repris les mentions,
faut les retirer, certaines sont du copier/coller qui servait juste à la
premiere demo)

>> - pas d'affichage du fond (encore moins de mouvement donc...)
> et en mettant le fond du move en CSS ?

mince, j'y ai pas pensé.

> (à 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 ?
> }

Merci.

--
Huile Essentielle de Camphre http://www.huile-camphre.fr
Infogerance http://www.infogerance.us
(Serveurs, Postes de travail, Développement logiciel)