Dylav

Tu la mets entre les balises <div> et </div>, qui marquent le début et la fin du bloc, tout simplement. <div id="Layer1"> <img src="Racine du site/Arrière_plan.jpg" width="100%" /> </div>

Je ne comprends pas ce que ce topic faisait dans le JRAD ? J'ai dû, au moment du [split], oublier de le déverser ici. Je tiens à m'excuser auprès des membres du JRAD pour la gêne occasionnée. L'affaire est close. Le sujet aussi.

Si si, c'était dans les tout premiers jours de la saison 3. C'est aussi pour ça que j'ai arrêté d'y jouer. D'ailleurs, on ne le voit plus, le caneton...

Avais-tu l'intention de mettre ton image dans la <div> ou en dehors ? Parce que là, c'est sûr, elle est dehors. Pour la position absolute, tu peux certainement trouver un compromis qui satisfasse la présentation pour toutes les résolutions. C'est pour cela que je te proposais de choisir, pour les éléments de ton menu, une taille qui permettre de tout afficher en 800x600 sans débordement, et de garder le même emplacement et la même taille pour les autres résolutions. Evidemment, le rendu ne sera pas exactement identique, mais très similaire et, à mon avis, satisfaisant même esthétiquement.

Pas de problème. On va détailler un peu. Tout d'abord, au niveau du nommage des images, tout se passe dans la page HTML (le script JavaScript reçoit un nom d'image en paramètre, dans la variable img, donc rien à changer). Dans cet exemple simple, la page est constitué d'un tableau (balise <TABLE>) ne contenant qu'une seule ligne (balise <TR>), cette ligne comportant 4 colonnes (balise <TD>), qu'on va appeler des cases. Faisons un zoom sur la première case. <TD width=50> <A HREF="java script:VoirPhoto('Galerip1_big.jpg')" BORDER="1"> <IMG SRC="Galerip1_small.jpg" width=50 BORDER="0"></A> </TD> La case (balise <TD>) contient une ancre (balise <A>) qui délimite une zone active contenant une image (balise <IMG>). Cette image, la vignette, est identifiée par son attribut SRC, ici sous le nom Galerip1_small.jpg. Lorsque tu cliques sur cette vignette, le script JavaScript VoirPhoto est lancé, avec en paramètre le nom de l'image en grandeur réelle, ici Galerip1_big.jpg. Ici donc, tu dois ranger, dans le même répertoire que la page HTML, 8 images dont les noms de fichiers seront Galerip1_small.jpg, Galerip2_small.jpg, Galerip3_small.jpg, Galerip4_small.jpg pour les vignettes, et Galerip1_big.jpg, Galerip2_big.jpg, Galerip3_big.jpg, Galerip4_big.jpg pour les images en vraie grandeur. Je te laisse découvrir le détail du fonctionnement du code après avoir étudié les langages HTML et JavaScript (cf. les tutoriels du Site du ZérO, par exemple). Et, pour bien faire, il faudrait que je prenne le temps de réécrire cette page, en prenant soin de séparer contenu [X]HTML et mise en forme (feuille de style CSS).

Au lieu de saisir ton texte long dans la condition EXCEL elle-même, mets-le plutôt dans une autre cellule (de ta feuille elle-même, ou d'une autre feuille spécialisée). Ta formule en sera d'autant plus allégée, et ne devrait pas partir en erreur : =SI(condition;D4;"") Si la condition est vraie, ta cellule se verra attribuer le commentaire contenu dans la cellule D4. Pour obtenir des retours à la ligne dans une cellule, tu as deux possibilités, soit tu demandes des retours à la ligne automatiques, par Format / Cellule / Alignement / Renvoyer à la ligne automatiquement, soit tu provoques toi-même des retours à la ligne fixes, par la combinaison de touches Alt + Enter, et tu peux bien entendu combiner les deux méthodes.

Je relance d'une bûche, pour voir... et

bûche

Pour les cours, une excellente piste, les tutos du Site du ZerO

Tiens, inspire-toi de cet exemple dépouillé, dont voici le principe, - tu définis un bloc <div>, que tu rends initialement invisible (visibility:hidden) - au clic sur une vignette, tu remplis le bloc avec l'image grande taille et tu le rends visible (visibility:visible) - au clic sur la grande image, tu rends à nouveau le bloc invisible. Pour cela, il te faut bien entendu 2 versions de chaque image, la vignette et la grande taille. Inconvénient : le mécanisme, certes simple, est activé en JavaScript, et ton visiteur peut refuser l'exécution de scripts JavaScript (sécurité). Pour respecter ta consigne d'apparition au survol : tu remplaces la notion de clic sur le lien actif par une notion de survol (événement onMouseOver). Perso, je trouve ce déclenchement par survol fatigant (pour le visiteur) parce que difficile à maîtriser. C'est plus stable par clic. A toi de voir. Juste un détail pour finir : ce code HTML n'est pas bien propre, ça manque de feuille de style (séparation des descriptions du contenu et de sa mise en forme). La page HTML <html><HEAD> <title>Dispo pour galerie</title> <script LANGUAGE="JavaScript" src="Galerie.js"></script> </HEAD> <BODY onUnload="java script:StopPhoto()"> <div align="center"> <TABLE BORDER="1" bordercolor="white" cellspacing=3 cellpadding=0 width=150> <TR> <TD width=50> <A HREF="java script:VoirPhoto('Galerip1_big.jpg')" BORDER="1"> <IMG SRC="Galerip1_small.jpg" width=50 BORDER="0"></A> </TD> <TD width=50> <A HREF="java script:VoirPhoto('Galerip2_big.jpg')" BORDER="1"> <IMG SRC="Galerip2_small.jpg" width=50 BORDER="0"></A> </TD> <TD width=50> <A HREF="java script:VoirPhoto('Galerip3_big.jpg')" BORDER="1"> <IMG SRC="Galerip3_small.jpg" width=50 BORDER="0"></A> </TD> <TD width=50> <A HREF="java script:VoirPhoto('Galerip4_big.jpg')" BORDER="1"> <IMG SRC="Galerip4_small.jpg" width=50 BORDER="0"></A> </TD> </TR><TR> <TD colspan=4> <DIV ALIGN="CENTER"><font size=2> Clique sur une image pour la voir en taille réelle...</font></DIV> </TD> </TR></TABLE></div> <div id="foto" style="visibility:hidden" onClick="StopPhoto()"> <img name="Photo" src="bidon.jpg"> </div> </body></html> et le script Galerie.js <!-- Galerie.js ----------------------------------------------------------- // // Use this script to view full-size images from thumbnails. // The full-size images can be different sizes. // The pop-up window will change to the appropriate size. // // This script and many more are available free online at // The JavaScript Source -> http://javascript.internet.com // ------------------------------------------------------------------------ // function VoirPhoto(img) { if (document.Photo.src != img) { ChargerPhoto(img); document.Photo.src=img; document.all("foto").style.top=0; document.all("foto").style.left=0; document.all("foto").style.position="absolute"; document.all("foto").style.width=document.Photo.width; document.all("foto").style.height=document.Photo.height; } document.all("foto").style.visibility="visible"; } function ChargerPhoto(img) { var Photo=new Image(); Photo.width=0; Photo.height=0; Photo.src=img; ControlerPhoto(img); } function ControlerPhoto(img) { if ((Photo.width==0)||(Photo.height==0)) { Refresh="ControlerPhoto('"+img+"')"; intervallo=setTimeout(Refresh,20); } } function StopPhoto() { document.all("foto").style.visibility="hidden"; } // ---------------------------------------------------------------- End -->

Le sujet est passé du JVRAD au JRAD, ce n'est plus la même dimension. De même que tu n'aimes pas qu'on te marche sur les pieds, volontairement ou non, on peut comprendre qu'ils n'apprécient pas qu'on vienne perturber une discussion déjà houleuse sur l'avenir de leur espace préféré, non ? Alors laissons-les débattre, nous avons notre cour de récréation à nous, dans laquelle je ne suis d'ailleurs pas le dernier à jouer, pas vrai ?

Olivier, quand tu références un lien en getlastpost, le résultat est éminemment variable avec le temps, ce qui ne le rend pas forcément pertinent. Dans l'exemple ci-dessus, le résultat est d'ailleurs maintenant particulièrement amusant... Quant à ce topic-ci, je crois que nous pouvons également le fermer.

Pour le débat sur le fonctionnement du forum Overclocking, je vous propose de poursuivre dans le topic suivant. Pour les talceurs qui perturbent la discussion (O.Fournier et Answaz, pour ne pas les nommer), je vous demanderai de bien vouloir laisser le débat se dérouler le plus sereinement possible, c'est déjà assez compliqué comme ça... D'avance, merci. Je ferme ce topic.

Bon, je mise aussi... bûche !

Sousou et plein de bûches pour toi...

Laissons-les débattre...

Caramba, encore raté !

bûche

J'ai l'intention de demander à la Fédération de faire débuter les matchs à 22h30, pour que je puisse tranquillement jouer au midnight tout seul ! Je pourrai peut-être gagner...

Salut à vous, nouveaux impétrants ! Valérie, toi la Rémoise, mets-nous le champagne au frais, on arrive avec le gâteau...

Un voyageur, qui s e rend à ...

... L'@rcher

Les mêmes conseils ? C'est rassurant, pas vrai ? Mais si tu veux savoir comment j'ai commencé, regarde là ! J'espère que ce topic fait un peu plus que raconter ma vie, qui n'est pas vraiment exemplaire dans ce domaine...

Tu ne devrais pas reculer, c'est passionnant ! Il est vrai que le plus dur est de partir d'une feuille vide (la hantise de l'écrivain !) pour pondre du code qui agence de but en blanc une page un peu complexe. Pour moi, cela relève de la même difficulté que les problèmes de géométrie dans l'espace sur lesquels je séchais lamentablement : une question de vision intérieure ! Alors pourquoi pas l'aide d'un outil ? Ce que tu peux faire pour commencer, c'est t'aider d'un logiciel pour construire ta page visuellement (avec DreamWeaver, pourquoi pas), puis te pencher sur le code généré pour l'épurer, parfaire la séparation contenu/mise en forme (XHTML/CSS), respecter strictement la syntaxe (validateurs W3C)... et, dans ton cas, rendre certains positionnements variables (pourcentages, etc). Ensuite, tu t'apercevras qu'on peut construire une nouvelle page à partir d'une autre dont les caractéristiques architecturales sont similaires. Une démarche qui présente peut-être un risque d'appauvrissement de la créativité, mais qui, par ce principe de clonage, peut conduire à une certaine homogénéité du site en construction. Pour manipuler ton code HTML, il existe des tas d'éditeurs de texte bien plus élaborés que NotePad, qui savent mettre en valeur la syntaxe du langage pour t'aider à la respecter (couleurs différentes pour les balises, les littéraux, etc., plus des tas de fonctionnalités de manipulation). Le mien était un shareware, mais je suis certain qu'il en existe de très bons en freeware. Quant aux langages HTML et CSS eux-mêmes, la syntaxe est en réalité très simple (mais pas forcément la mise en oeuvre). Il existe des tas de tutoriaux très bien faits, à commencer par ceux du Site du Zéro, demande à Ricou33 !

bûche !