Dylav

Z'y av', ça va pas, toi, dans ta teutê ! On ne va quand même pas mettre un truc avant la fin du film à la télé ?

Argh ! Encore une histoire de famille… Bon, ce n'est pas tout ça mais, à part Rion, c'est qui, la femme idéale ? (je reste sur ma faim)

(grave)

De l'avis unanime des femmes de mon entourage, c'est lui… Jude Law Et la femme idéale ?

C'est quoi, tôt, pour toi, Rion ? Huit heures et demi du soir ? Parce que, sinon, il y a le midnight ! C'est simple, même pas besoin d'écrire « bûche »…

(grave) Dan s le s texte s , nulle part il e s t interdit de picoler au boulot. Ce qui e s t interdit, en revanche, c'e s t d'y introduire de l'alcool ! Il s ont d û pen s er que ç a allait s uffire, en th é orie. Comme quoi …

… promotion … pour cirer les pompes du patron ?

- « Arrêtez cette mascarade, misérables vers de vase, vos prétentions, aussi basses soient-elles, agacent les politiciens qui sont blacboulés. Les autres Gremlins savent qu' il ne faut pas mettre la main au panier ! » Toutes ces raisons forcent Dylav à envisager le pire : une épilation totale ! Mais juste les fôtes d'ortografe, et en douceur ! Cette affreuse peluche remplie de bave se mit à braire inlassablement et dégobilla son goûter ! Bonjour la moquette, les chaussures et les soutifs pigeonnants... Mais fallait pas rougir ainsi. Je suis vraiment désolé : pas fait exprès ! Promis, je ne boirai plus autant d'eau, j'écumerai les rades et je me ferai défoncer la caisse en bois de rose et finirai par vomir dans la sauce Béchamel ! Soudain dégrisée, DKlâgOR cria : « Bordel ! Ma cuillère à pot est rouillée ! Vite ! Seul Dylav peut me dérouiller la zone érogène de mon halogène. Qui saura donc comment écrire “goûter” sans hésitation aucune ? » Et pourquoi donc ? Hein, pourquoi comment... Combien d'adverbes

6074

Un coup de chance que je t'aie fait cette remarque. En la rédigeant, je me disais qu'elle était un peu superflue, vu que tu ne semblais pas externer tes feuilles de style !

Bonjour Nogi, Tout le mécanisme fonctionne parfaitement : je viens de tester ton code tel quel, en remplaçant tes images par des images à moi. Alors, la seule hypothèse qui me semble plausible, c'est que les URL que tu donnes pour tes images sont erronées. Pour le vérifier, prends une des 8 URL au hasard et, par copier/coller, place-la dans la fenêtre adresse de ton navigateur : si tu te retrouves avec un message « Impossible d'afficher la page », ce n'est pas bon (je ne peux pas le faire d'ici, mon proxy m'interdit l'accès au site qui les héberge) ! Mais je vois que tu es passé à la vitesse supérieure, avec plein d'ambition : une DOCTYPE, un charset... Maintenant, il va falloir que tu vérifies ta page avec le validateur du W3C. Je te laisse y découvrir les quelques erreurs qui s'y trouvent, pas bien méchantes ! Nota : la balise <u> n'est plus supportée en XHTML, et il faut passer par la clause de style text-decoration:underline; d'une classe souligner par exemple, <span class="souligner"><i>Résultat:</i></span> (le bloc <span> est inline, c'est-à-dire qu'il ne provoque pas un retour à la ligne) : il faut avoir vraiment envie de souligner ! un copier/coller un peu rapide t'a donné deux entêtes… avec deux titres de page.

bûche

Eh bien, la voilà, la preuve que j'ai gagné la bûche de la nuit dernière… Ne me demandez pas d'explication, j'en serais totalement incapable

… majorette

… gel

La UP 6072, construite en 1907 (clique sur l'image pour découvrir son histoire)

… Beatles Là, c'est Abbey Road, certes, mais ils viennent de Liverpool !

Moi, j'ai un problème de compréhension, avec l'horloge de Zébulon… J'estime avoir gagné la bûche de cette nuit, parce qu'il était officiellement 3h30 quand j'ai posté (c'est bien l'heure que marquait mon ordinateur)… mais comment le prouver ?

6070

Je suppose qu'à ton lecteur U est attaché un disque dur, ou une partition d'un disque dur. Ton image ur099.jpg est donc installée dans le répertoire ur(webie6) implanté directement à la racine de ton disque, et son adresse absolue est donc bien u:/ur(webie6)/ur099.jpg Lorsque l'on parle d'adresse relative, c'est qu'on décrit le chemin qui sépare l'observateur de sa cible. Dans ton cas, l'observateur, c'est la clause de style qui invoque ton image (la cible), et il va donc falloir décrire le chemin relatif qui mène de la clause de style à l'image, ou plus exactement du répertoire contenant la clause de style à celui contenant l'image. Supposons que la clause de style soit décrite dans l'entête d'une page HTML nogi.html implantée dans le même répertoire ur(webie6) que l'image ur099.jpg, l'adresse relative sera tout simplement url(ur099.jpg). Un petit piège où il ne faut pas tomber : si tu as externé la feuille de style où est invoquée l'image (dans un fichier StyleNogi.css, par exemple), l'adresse relative décrira le chemin qui sépare la feuille de style (et non la page HTML utilisant la feuille de style) de l'image (pour des raisons de classement des divers éléments de ton site, tu n'auras pas forcément rangé dans le même répertoire la feuille de style et la page HTML). Parlons enfin de ton lecteur U. Comme te le faisait remarquer KewlCat, tu es le seul à y accéder. Lorsque tu mettras ta page HTML en œuvre sur un serveur, n'oublie pas d'y implanter également une copie de ton image (et c'est cette copie qu'il faudra adresser dans la feuille de style), afin que les visiteurs de ton site puissent la voir en de fond de page

Bonjour Gerardo, et bienvenue sur Zébulon ! Pourrais-tu nous indiquer ce que tu entends par « il se remet à zéro » ? Veux-tu dire qu'il se met hors tension ?

Bonjour Nogi, Tout d'abord, comme je te le faisais remarquer dans ma réponse à ton MP, n'hésite pas à me tutoyer, il semble que ce soit la règle sur le WEB, et je suis toujours très gêné de tutoyer quelqu'un qui me vouvoie. Pour en venir à ton problème résolu, je dois avouer que je suis ébahi que ça fonctionne, plus encore par rapport à FireFox qu'avec Internet Explorer. Comme quoi les navigateurs sont extrêmement permissifs... Comme je te l'expliquais dans mon message précédent, une page HTML (débutant par une balise <html> et se terminant par une balise </html>), est composée d'une entête (débutant par une balise <head> et se terminant par une balise </head>), et d'un corps (débutant par une balise <body> et se terminant par une balise </body>). Mettons donc un peu d'ordre dans le code qe tu as écrit (clique pour agrandir) : Rapatrions le second bloc d'éléments de style dans la première entête, Rapatrions le second bloc <div> dans le premier corps, Rapatrions chaque paragraphe <p> de texte dans le bloc <div> contenant les images images qu'il commente, Et tout se retrouve alors dans l'encadré rouge, la page HTML, limitée par ses balises de début et de fin. Sans vouloir ni te vexer ni me faire mousser, nous allons quasiment retrouver la structure de page que je te proposais dans mon message précédent, avec néanmoins une nouveauté, les paragraphes explicatifs. Pour les rendre plus propres, nous allons déplacer leurs éléments de présentation dans la feuille de style (grâce à la classe "commentaire"). Je réinsiste sur le choix entre identifiant unique id et classe class, en l'appliquant concrètement, un id pour chacun des blocs <div> (puisqu'ils décrivent des images spécifiques), une class pour les paragraphes <p> (puisqu'ils ont les mêmes caractéristiques de présentation). <html> <head> <title>Essai :hover multiple</title> <style type="text/css"> #roll12 a { display:block; width:200px; height:150px; background:url("http://...image001.jpg"); } #roll12 a:hover { background:url("http://...image002.jpg"); } #roll34 a { display:block; width:150px; height:200px; background:url("http://...image003.jpg"); } #roll34 a:hover { background:url("http://...image004.jpg"); } .commentaire { font-family:"Times New Roman", Verdana, serif; # polices font-weight:bold; # gras font-style:italic; # italique color:#F5A200; # couleur } </style> </head> <body> <div id="roll12"> <p class="commentaire">Texte commentant les images 1 et 2</p> <a href="#" alt="Photo - Band" title="Texte"></a> </div> <div id="roll34"> <p class="commentaire">Texte commentant les images 3 et 4</p> <a href="#" alt="Photo - Band" title="Texte"></a> </div> </body> </html> A toi de voir maintenant si le sujet est totalement résolu

Nogi m'a envoyé un MP que je reproduis en partie ici (avec sa permission), car il soulève des questions qu'il n'est pas inintéressant de résoudre sur le forum plutôt qu'en privé (comme l'explique clairement TheClem ici). […] Avec le code que vous m'aviez donné, j'ai réussi à trafiquer pour en arriver au résultat que je voulais. En fait, je ne travaille pas sur un site web conventionnel que j'aurais moi-même réalisé, alors je n'ai pas de feuilles .html et .css (disons que j'ai cherché pour y arriver, car je suis débutant). En plus, je voulais rajouter du texte entre les images (procédé archaïque, mais bon, ça fonctionne) ! Voici ce que ça m’a donné : <p><i><b><font color="F5A200" face="Times New Roman", Verdana, serif">Texte</b></i></font></p> <head> <style type="text/css"> .roll12 a { background:url("http://....image001.jpg"); width:150px; height:200px; display:block; } .roll12 a:hover { background:url("http://....image002.jpg"); } </style> </head> <body> <div class="roll12"> <a href="#" alt="Photo - Band" title="Texte"></a> </div> </body> <p><i><b><font color="F5A200" face="Times New Roman", Verdana, serif">Texte</b></i></font></p> <head> <style type="text/css"> .roll34 a { background:url("http://....image003.jpg"); width:200px; height:150px; display:block; } .roll34 a:hover { background:url("http://....image004.jpg"); } </style> </head> <body> <div class="roll34"> <a href="#" alt="Photo - Band" title="Texte"></a> </div> </body> . . . [ texte ] [.roll56 ] . . . [ texte ] [.roll78 ] . . . […] J'ai aussi visité et commencé les exercices du site du Zéro tel que suggéré. Je comprends mieux maintenant les aspects de vos réponses et explications. J'ai aussi trouvé comment faire pour écrire [résolu]. J'ai vérifié, c'est mentionné. […]

bûche Oui mais... l'horloge de Zébulon ne marque que 2h30 ?