iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

[Caribou]

J'aime bien celui-ci slideshow2!.
Tu as raison Marc, le plus contraignant dans la présentation c'est bien le format des tableaux (paysages, portraits).

[Marc]

Oui, il est bien. Comme alternative il existe celui-là : http://jquery.malsup.com/cycle/
mais je m'aperçois que je yoyote un peu car en proposant de tels diaporamas, je ne règle pas le problème des différentes proportions de tableaux.

[twangking]

Merci pour toutes ces pistes, la principale inconnue est en effet de savoir si j'aurai besoin ou non de re-dimensionner les tableaux, ou si les prises de vue sont toutes au même format...

Je vais donc récupérer les images et je reviendrai vers vous pour parler de tout ça une fois que j'aurai une dizaine de clichés à vous montrer.

[twangking]

Pour en revenir à mon problème de départ :

L'image est bien à gauche, aucun souci. Par contre, comment puis-je faire pour qu'elle aille systématiquement jusqu'en bas de la fenêtre? Peu importe la hauteur que je donne à ma page, il y a toujours une petite bande vide en dessous.
Et non, je n'ai pas de remplissage, ni de bas de page.

Peut-être existe t'il un bout de script qui permet d'indiquer une hauteur minimum à l'image?

[Marc]

On peut rajouter dans votre script avant ces deux lignes

Code: Tout sélectionner

// -->
</script>

les deux lignes suivantes

Code: Tout sélectionner

parent.document.body.style.MozBackgroundSize = 'auto 100%';
parent.document.body.style.backgroundSize = 'auto 100%';

Par contre elles ne sont pas forcément compatibles avec tous les navigateurs ( pas IE je crois) mais elles fonctionnent sur firefox, Safari, Opéra et Chrome. Elles redimensionnent la hauteur de l'image d'arrière-plan en fonction de la hauteur de la page (100%) tout en entrainant une modification proportionnelle de la largeur (auto) : l'image n'apparait pas déformée.

[twangking]

Ca fonctionne, merci infiniment ! (et même sur IE au passage )

Mais il subsiste un problème : l'adaptation de la page à la taille de l'écran. Si mon image de fond fait bien "100%" comme on le lui commande, il reste une bande d'arrière plan du navigateur en bas...

-> sur mon iMac 27", la bande de remplissage représente 1/3 de la page, sur mon PC 17" en 16/10ème, je dois scroller légèrement pour atteindre le bas de page... Par contre, la largeur ne pose aucun souci (960).

Est-il possible de forcer la page entière à s'adapter en hauteur?

Avec un autre éditeur, on indiquerait simplement H=100% et L=100% dans l'inspecteur, mais iWeb ne connait pas cette option. Du coup, un fragment html pourrait-il permettre de contourner cette lacune?..

[Marc]

En fait pour profiter du 100%, il faut fixer l'arrière-plan, il n'y aura plus de scroll de l'arrière-plan
et pour cela il faut ajouter avant les deux lignes précédentes :

Code: Tout sélectionner

parent.document.body.style.backgroundAttachment="fixed";

[twangking]

Fabuleux, 1000 mercis Marc !

Je crois que je vais chercher dans un avenir proche à prendre des cours pour comprendre cette géniale mécanique !