Dylav

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 !

Il faudrait mettre une bâche à cette bêche boche qui bûche, ma biche !

La sérénité revenue, il fut décidé que les vacances avaient porté leurs fruits. En effet, Bernard avait laissé Simone seule pendant qu'il secourait charitablement une orpheline aveugle dénuée de tibias et velue comme un orang-outan. Perclus de remords, morclus de permords, ils filèrent précipitamment vers le précipice pour éprouver la sensation folle d'être les rois

Mignon, ton nouvel avatar, Cyril ! Tien s , je te l'offre s ur fond tran s parent... Et vraiment merci pour no s oeil s , il e s t tellement plu s repo s ant ! ... et b û che ! (on ne s 'en la s s e pa s )

Dans l'exemple de la page d'accueil du site de ta maman, je te conseillerais bien de ne pas "dessiner" les choix du menu sur l'image, mais bien plutôt d'en faire des "images" séparées. Elles seraient de talle fixe (dimensionnées par exemple en 125x35 environ, pour une cible 800x600), sur fond transparent (extension gif ou png) pour ne pas cacher l'image de fond, et positionnées en fixe en largeur (marge en pixels à gauche, par exemple left:30px), et en variable en hauteur (top:35% pour le premier choix) pour ne pas "manger" sur la signature. Pour changer de la problématique du menu de ton site DAF, tu pourrais empiler l'ensemble des choix dans une <div> à positionner ainsi, #menu {top:35%;left:30px;width:125px;} img {border:0;width:125px;height:35px;} et à décliner par exemple comme ça, où les images formeront une pile verticale, <div id="menu"> <a href="accueil.html"><img src="accueil.gif" alt="accueil" /></a> <a href="formation.html"><img src="formation.gif" alt="formation" /></a> <a href="actualités.html"><img src="actualités.gif" alt="actualités" /></a> <a href="cours.html"><img src="cours.gif" alt="cours" /></a> <a href="book.html"><img src="book.gif" alt="book" /></a> <a href="contacts.html"><img src="contacts.gif" alt="contacts" /></a> </div>

En apparence, c'est tout simple. Au lieu d'écrire, pour une résolution 800x600 par exemple, #boite {top:120px;left:160px;width:320px;height:240px;} tu calcules les proportions concernées, et voilà l'homothétie prête à fonctionner pour que ta boîte présente le même aspect sur l'écran quelle qu'en soit la résolution, #boite {top:20%;left:20%;width:40%;height:40%;} Le seul ennui, c'est le height en pourcentage. Dans notre exemple, il refuse d'occuper 40% de la hauteur, mais s'ajuste automatiquement à l'encombrement que lui impose son contenu : de zéro quand la boîte est vide, à... tout ce qu'il faut ! Ce qui casse un peu l'ambiance. Pour finir, pourquoi t'excuser ? Le principal, c'est de comprendre et de pouvoir satisfaire ta créativité

Prends garde à deux choses. D'une part, toutes les résolutions ne présentent pas les mêmes proportions entre largeur et hauteur de l'écran : 640x480, 800x600, 1024x768, 1600x1200, c'est du 4/3. Mais 1280x1024 déroge, en 5/4. Et puis les nouveaux formats TFT sont en 16/10èmes. De sorte que ton image initiale sera forcément déformée dans deux des 3 "formats", si tu veux systématiquement remplir tout l'écran (width=100%, height=100%). Je te suggère plutôt de demander seulement à remplir toute la hauteur, et de laisser la largeur libre (proportions de l'image respectées), en ajoutant pour les éventuelles marges latérales une couleur de fond compatible avec l'aspect général de l'image. D'autre part, quelle que soit la taille initiale de ton image, elle présentera des imperfections d'apparence si tu la pousses vers d'autres dimensions. A mon avis, le mieux est de partir d'une image de taille maximale (par exemple 1600x1200), et de l'obliger à rapetisser pour les résolutions d'écran inférieures : l'image a tendance à moins "s'abîmer" visuellement en rétrécissant qu'en grossissant. Par ailleurs, dans l'exemple que tu donnes, il ne s'agit pas d'une image de fond, mais d'une image qui s'étend sur tout l'écran. C'est moins pratique à gérer, parce qu'il va te falloir "écrire" par-dessus, ce qui n'est pas évident autrement qu'en positionnel "fixe" mais proportionnel, à partir du coin haut gauche de l'écran. En particulier, pour pointer les choix du menu (s'il s'agit bien de l'image de ton post #25), il va falloir définir des zones sensibles positionnées et dimensionnées en pourcentage. Un peu fastidieux, mais jouable... un challenge amusant, en tout cas. L'alternative, c'est la véritable image de fond, mais ses dimensions ne changent pas en fonction de la résolution de l'écran, et il faut savoir l'accepter tronquée ou pas assez couvrante. Tout un challenge, là aussi. Mais rappelle-toi que c'était facile à mettre en oeuvre pour ton site DAF, où l'image de fond se prêtait aisément à la troncature.

De s chat s moche s , ou de s dromaludaire s à deux bo s s e s ?

Hors sujet et en aparté... Cyrilcvcf, tu ne voudrais pas changer ton avatar ? Ce n'est pas le sujet qui est dérangeant, c'est le clignotement qui est très désagréable pour l'oeil... sincèrement ! Fin du hors sujet et de l'aparté. ... et bûche !

Olivier, c'est pas faux©... vous noterez que je n'ai pas utilisé le smiley :+1: Dans ce qui suit, oubliez que je suis modo, il ne s'agit que d'un avis personnel. Ce post est très exactement mon 5300ème message, et je ne rougis pourtant pas de ne voir mon compteur qu'à 635 ! Parce que, ces 635-là, à un ou deux près, j'en suis plutôt fier... Je ne renie pas les autres, les JRAD et JVRAD me font passer du bon temps (et j'en remercie Yann), mais je trouve tout à fait naturel que les contributions que j'y dépose ne soient pas comptabilisées ! Et je soutiens l'idée d'Olivier, les :+1: ou autres « tiens, salut Toto, comment c’est-y qu’ça va toi ? Moi ça va, moi et toi ça va, toi ? » n'ont jamais fait avancer le débat. Même s'ils semblent apporter un peu de convivialité, ils noient tellement bien le poisson qu'on n'y voit plus rien ! Alors deux solutions, soit l'Overclocking est un sport extrême, et il faut lui apporter le sérieux qui en fera une référence, soit c'est un coin de bidouillage et de papotage, et il faut le traiter comme tel... Ceci dit, ici comme ailleurs la démocratie a ses limites : elle ne peut exister sans règles ni encadrement...

Comment est-ce possible alors que ton post n'a pas été modifié ?? Rien n'empêche d'écrire « Edit : » dans un message sans qu'il s'agisse d'une reprise de sa rédaction. Tout cela n'est que conventions, et je suis surpris que quelqu'un comme toi Casper, soit tellement attaché à des problèmes de formalisme...

Je n'ai effectivement pas constaté de dysfonctionnement, pour ma part. Certes, ça pointe parfois vers des choses inattendues (comme un répertoire, par exemple), mais on aboutit quelque part. Là, du bureau, je ne peux tester le dernier lien que tu cites, mon proxy m'interdit d'accéder à la catégorie Private Homepages (comme il dit), mais il me semble l'avoir déjà visité sans problème : je réessaierai ce soir de chez moi. Excuse-nous, Diana, de squatter chez toi, mais tu serais la première intéressée si tes liens posaient des problèmes, pas vrai ? Pour la question de ton message #18 ci-dessus, je suis perplexe, Diana : tu cites une erreur en ligne 36, pour un code source qui n'en comporte que 21... En fait, il s'agit probablement des 2 toutes dernières lignes. A tout hasard, ne faudrait-il pas mettre les URL entre quotes, comme ceci ou encore comme cela

B û che, s ur-b û che et contre-b û che !

wé, je ne me cache pas, moi. Moi non plus. Je me fais juste le petit plaisir d'utiliser l'avatar de Sousou (que j'adore... je parle évidemment de l'avatar, ne nous méprenons pas), auquel j'ai eu l'audace d'ajouter une bulle... et je suis certain que l'intéressé ne m'en veut absolument pas ! Alors... bûche !

Non non, c'est juste... comment dirais-je ? Lamentable !

Eric Draven (The Crow) : 76% : tu es triste et vengeur... Yoda (Star Wars) : 72% Hannibal Lecter : 70% ... N'importe mawak, ce test...

Oh, Derrick, que voilà de la finesse germanique !

Tu parles de ceux de sa signature ? Ou plutôt de ceux de son message #8 ci-dessus ? Pour le premier, http://isis.no-ip.info/www/tchat/, on tombe dans un répertoire... Quant au second, http://isis.no-ip.info/www/tchat/Pjirc/SimpleApplet.html, il fait apparaître une proposition de téléchargement d'une applet. Dans un cas comme dans l'autre, je ne suis pas allé plus loin