Dylav

Bonsoir Nogi ! J'avoue que je ne comprends absolument pas où est ton problème. Je viens en effet de tester l'accès à tes images : je les atteins. Quant à ta page, elle fonctionne parfaitement sous FireFox et sous Internet Explorer. J'en ai profité pour parfaire ton code, et tu en trouveras le résultat ci-dessous, qui donne un sans-faute à la validation du W3C ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <!-- Rappel : "lang" = fr(français) ou en(english) --> <head> <title>Band</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> #roll12 a { display:block; width:150px; height:200px; background:url("http://a566.ac-images.myspacecdn.com/images01/71/l_e57d77e9c5e5eecc38a548c39119367d.jpg"); } #roll12 a:hover { background:url("http://a81.ac-images.myspacecdn.com/images01/28/l_ea42b5fe69401ce2ebe12455a3b9dbd0.jpg"); } #roll34 a { display:block; width:200px; height:150px; background:url("http://a62.ac-images.myspacecdn.com/images01/78/l_2769039829036479d6ffdd679717fadd.jpg"); } #roll34 a:hover { background:url("http://a798.ac-images.myspacecdn.com/images01/102/l_3a35b99cac9cea411757855e6181441d.jpg"); } #roll56 a { display:block; width:200px; height:150px; background:url("http://a876.ac-images.myspacecdn.com/images01/73/l_30ed66180a01f77a0c2a9aebd53e255b.jpg"); } #roll56 a:hover { background:url("http://a105.ac-images.myspacecdn.com/images01/112/l_75749b1e5b0831dc227302f3ff809570.jpg"); } #roll78 a { display:block; width:150px; height:200px; background:url("http://a529.ac-images.myspacecdn.com/images01/112/l_15c5a4b1e6f5fc4b2d3c4c2be1c072d8.jpg"); } #roll78 a:hover { background:url("http://a374.ac-images.myspacecdn.com/images01/13/l_822922f2b6b26f9116b2a801faa7e165.jpg"); } .commentaire { font-family:"PR Uncial","Times New Roman", Verdana, serif; font-size:0.7em; font-weight:bold; font-style:italic; color:#F5A200; } .souligner { text-decoration:underline; } .nogi { font-family:"PR Uncial", "Times New Roman", Verdana, serif; font-size:0.5em; font-weight:bold; font-style:italic; color:#F5A200; } .résultat, .bouchon { font-family:"Courier New"; font-size:0.8em; text-indent:15px; } </style> </head> <body> <div id="roll12"> <p class="commentaire">Marc - Bass & Lead Vocals</p> <a href="#" title="Photo - Bio.Marc"></a> </div> <div id="roll34"> <p class="commentaire">*Gino - Drums</p> <a href="#" title="Photo - Bio.Gino"></a> </div> <div id="roll56"> <p class="commentaire">Claude - Rhythm Gtr & Back Vocals</p> <a href="#" title="Photo - Bio.Claude"></a> </div> <div id="roll78"> <p class="commentaire">Alex - Lead Gtr</p> <a href="#" title="Photo - Bio.Alex"></a> </div> <p class="nogi">*Nogi - MSwebsite html, fotos & vids</p> <p class="résultat"><i><span class="souligner">Résultat</span> :</i> www.myspace.com/urmusics...</p> <p class="bouchon"><i><span class="souligner">Attention</span> :</i> faudra p-e mettre des bouchons : <i><span class="souligner">rock alternatif</span> !</i></p> </body> </html> Pour te convaincre que ce code fonctionne parfaitement selon tes spécifications, je vais te demander de faire très exactement ce qui suit : tu ouvres le bloc-notes, tu sélectionnes la totalité du code ci-dessus, que tu copies par CTRL+C, tu le colles dans le bloc-notes par CTRL+V, tu l'enregistres dans un fichier que tu nommes par exemple NOGI.HTML, tu double-cliques sur NOGI.HTML Si ton navigateur n'affiche pas exactement ce que tu attendais, je ne peux plus rien pour toi… Enfin, deux remarques sur la validation du source : - le & (“et commercial”) doit être codé & dans les commentaires, - pour la balise <a>, l'attribut alt n'existe pas (ou plus) en XHTML Strict.

Pour les images de fond, la situation est claire, il n'existe aucun moyen d'en modifier les dimensions de façon dynamique, elle est toujours affichée en taille réelle. Si vraiment tu tenais à offrir une image de fond adaptée à la résolution d'écran de ton visiteur, il faudrait que tu disposes d'autant de formats que de résolutions à satisfaire, et d'un petit script JavaScript qui récupérerait dynamiquement la résolution de l'écran pour déterminer l'image à afficher. Voilà qui semble bien coûteux à déployer. Et je pense que ta solution intermédiaire est beaucoup plus réaliste. Il te suffit de bien choisir la couleur de fond, pour que les bordures ne jurent pas avec les nuances générales de l'image de fond

Au secours, DK ! Ça part en sucette... Pourvu qu'elle ne prétende pas, elle aussi, être la femme idéale

- « 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 du genre de (adverbe ? connais pas) | STOP | Autre phrase...

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