Dylav

En ce jour de S aint Valentin, ver s ifion s un rondeau

A mon avis, KewlCat, ce n'étaient pas les images qui étaient soulignées, mais les espaces qui les séparaient. De sorte que le a {text-decoration:none} est suffisant pour faire disparaître les fameux underscores parasites, tout en permettant de conserver les espaces en question.

Comme disait l'autre, c'est en forgeant que l'on devient forgeron. Maintenant que tu as mis le doigt dans l'engrenage, et si bien sûr ça t'intéresse, n'hésite pas à approfondir. Quand tu buteras sur une difficulté, reviens tout simplement l'exposer ici. Et si tu vas jusqu'au bout, en obtenant la validation W3C, tu auras la quasi-certitude que ton site est solide, affichable par tous les navigateurs, et surtout facile à maintenir. Parce qu'un site n'a d'intérêt que s'il vit, si quelque chose change régulièrement, s'il s'enrichit, pour fidéliser le visiteur. Et cette vie, c'est du boulot derrière, en conception, réalisation et évolution de tes pages.

je suis... bûche, et je relance d'une bûche !

Oui, c'est vrai, je n'y pense jamais... (je fais compliqué quand je pourrais faire simple!)

Ben oui, il fait ce que tu lui dis. Tu dis image, saut à la ligne, texte, image, saut à la ligne, texte. Si tu veux avoir image ... image texte ..... texte il faut l'exprimer autrement ! Mets par exemple chaque ensemble (lien, image, saut, texte) dans un bloc <div> flottant cadré à gauche, et les blocs s'appuyeront les uns sur les autres. <style type="text/css"> .bloc {float:left} </style> et <div class="bloc"><a href="..."><img src="..."><br>texte1</a></div> <div class="bloc"><a href="..."><img src="..."><br>texte2</a></div> et ça devrait le faire... Remarque : quand ta "ligne" sera pleine et qu'un nouveau bloc voudra s'installer, il le fera automatiquement en dessous du 1er ("retour à la ligne" automatique).

Eh non, justement, toute mesure simplificatrice est à prendre, c'est du gain de soucis pour l'avenir. Une seule série d'images à maintenir, y compris pour le menu vertical, où tu choisis la taille la plus petite, qui sera esthétiquement largement suffisante... et une seule série de pages XHTML ! Te rends-tu compte de la lourdeur de cette double gestion si ton site était amené à s'enrichir et à comporter non plus 11 pages, mais 20, 30, 50 : tout ça en double ? Liens actifs : si tu persistes, changes au moins l'aspect des liens actifs. Ce standard bleu pisseux souligné détonne sur la page. Indique par exemple dans la feuille de style a {color:#663300;text-decoration:none;} Et je mettrais la phrase beaucoup plus près de la boîte à texte, pour ne pas manger sur l'image de fond. Feuille de style : je constate que tu as fait fi de toutes mes remarques. C'est ton choix. Mais, au moins, rends la feuille de style externe, elle ne représentera plus qu'une seule ligne dans chaque page XHTML (énorme allègement du code et, surtout, un seul endroit à maintenir quand tu veux modifier le style, au lieu de 11) <link href="monstyle.css" rel="stylesheet" type="text/css" /> et tu mets le contenu (sans les balises <style>) dans un fichier de nom monstyle.css, rangé dans le même répertoire que les pages XHTML. Si tu persistes avec 2 versions d'écran, tu auras deux feuilles de style externes, genre style800.css et style1024.css Séparation contenu/mise en forme : ce n'est pas parfait, j'ai aperçu des choses comme <p align="justify" class="Style6"> alors qu'il suffit s'ajouter la clause text-align:justify; dans la classe Style6 Je t'avais aussi signalé des morceaux de code inutiles, que tu as laissés traîner... Taille écran : en dimensionnant tes images de fond à 800x600 ou 1024x768, tu commets l'erreur d'oublier que la taille disponible de ton écran est amputée des bandeaux qu'impose ton navigateur (barres de navigation en haut, barre d'état + barre de tâches windows en bas, ascenseur à droite). De sorte que, en résolution 1024x768, tu ne disposes guère que de 990x600, et sans doute environ 770x430 seulement en 800x600. Par ailleurs, il existe par construction un ascenseur, celui de la boîte à texte. Et rien n'est plus agaçant que d'avoir à manipuler deux ascenseurs. Il faut donc faire disparaître l'ascenseur du body, c'est-à-dire imposer au menu vertical de ne pas déborder en bas. Donc adopter en 1024x768 la taille que tu lui as donnée en 800x600, et le rendre plus petit pour le 800x600. Une fois ce point réglé, empêche l'apparition de l'ascenseur body {overflow:hidden;} Navigation Enseignement, Groupes et Activités : pas de lien actif. En construction ? Instruments : quand tu cliques sur un des choix du sous-menu qui apparaît, ce sous-menu disparaît et il faut cliquer à nouveau sur Instruments pour le faire réapparaître. C'est agaçant. Il faudrait que tu cherches un autre fonctionnement. En conclusion, toute solution est perfectible, et tu ne dois prendre toutes ces remarques que comme des axes d'amélioration. Je voudrais finir sur un compliment : je trouve ton site très esthétique (palette de couleurs, aération, navigation intuitive). Donc, un bravo global ! Référencement : en fait, plus ton site est cité dans des pages web, plus il a de chances de se faire repérer par les moteurs d'indexation comme celui de Google. Ce que tu peux faire dans un premier temps, c'est le référencer dans ta fiche profil Zébulon (et, chut, ne dis pas que c'est moi qui te l'ai dit : dans ta signature Zébulon). Fais pareil sur d'autres forums que tu fréquentes régulièrement. Et puis il existe peut-être d'autres méthodes que je ne connais pas...

Salut Sew-Oszka ! C'est vraiment tout simple, je t'avais suggéré la solution dans ton topic précédent. Manifestement, ton image de fond est tronquée à droite. Si tu possèdes encore l'original, il te suffit de la recadrer en largeur 1024 pixels au lieu de 800. La partie supplémentaire ne sera pas vue par les visiteurs en 800x600, ce qui n'est pas gênant puisqu'ils avaient déjà l'habitude de l'image tronquée à 800 pixels. Et les autres visiteurs bénéficieront d'une image plus complète, finalement. Puisqu'il s'agit d'une image de fond, le débordement ne donnera même pas lieu à un "ascenseur" (scrolling) horizontal pour les résolutions 800x600. C'est pas beau, la vie ? Quant à ta solution double (en proposant le choix de la résolution), je trouve que c'est finalement se donner beaucoup de mal, comparativement, et pour un résultat que je ne trouve pas forcément meilleur. Le seul avantage que pourrait présenter cette possibilité de choix, ce serait de donner à la boîte à texte une largeur plus importante, qui diminuerait d'autant la hauteur globale de l'affichage intérieur (ascenseur vertical moins fréquent, ou d'ampleur moins grande). Mais cela, tu pourrais le jouer automatiquement, en exprimant la largeur de la boîte en pourcentage de la largeur de l'écran, au lieu de l'exprimer en fixe. Si en outre ton image de fond de boîte à texte est suffisamment large, même chose que pour le fond d'écran, le débordement de ce fond sera invisible. Ainsi, tu n'auras plus à gérer plusieurs solutions d'affichage, ce qui est quand même un peu lourd. D'autant plus qu'il faut savoir que des résolutions beaucoup plus grandes existent déjà assez couramment, avec le 1280x1024 par exemple (écrans 19", ou même 17"), ou encore avec les nouveaux écrans larges TFT en 16/10èmes, dont les largeurs peuvent atteindre 1600px ou peut-être même plus... Là, si tu veux couvrir toute la gamme, tu ne t'en sortiras plus !

C'est mignon !

Higgins bon anniversaire à toi aussi... et passe le bonjour de ma part à Magnum !

O K . O K ... Mai s faudrait pa s en abu s er, non plu s ! Allez, on ferme.

escalade

Hypocrite, va ! Tu collabores activement, sous Software, au nouveau sous-forum Windows Vista, justement dédié à cette question...

... pont suspendu Luxe, ton hamac, Lolokiss... ce doit être un vrai plaisir !

En tout cas, Bernard et Simone, y revenant pour se remémorer les ennuis rencontrés lors de cette ultime excursion en Catcat dans la montagne, furent choqués de constater l'énorme vide laissé par l'accroc au protocole de l'entente cordiale qui, diplomatiquement perverti, empêche toute forme de communication verbale. Ce point éclairci, ils grâcièrent charitablement la donzelle bleue qui s'en fichait, pas concernée par toutes ces contraintes de bienséance. La sérénité revenue, il fut décidé que les vacances avaient porté leurs fruits. En effet, Bernard avait laissé Simone

bûche

Le dispositif anti-flood, Mattlau ! Comme pour la bûche, si tu postes deux fois à moins de vingt secondes d'intervalle, il cumule les deux messages et met l'heure du message à jour... Et encore, quand je dis vingt secondes, je ne suis pas sûr que ce ne soit pas plutôt une ou deux minutes. Bien entendu, le processus est interrompu si quelqu'un balance un message entre deux de tes posts à répétition : son message s'intercale

Oui. Un mot. Un seul. Le bon...

... voile

Eh bien, par grand vent... parfois... Il vaut mieux être attentif, pour ne pas se prendre une bûche ! PS: pour le chien, merci, tout va bien...

Eh oui, Sylvitara, c'est plus grave que je ne l'imaginais... même les fiches profils sont disponibles à l'extérieur de Zébulon. Et il paraît que ça aussi, c'est normal... En revanche, un non membre ne pourra pas en voir plus à partir de Google qu'il n'en voit en visiteur de Zébulon. Quelque part, tout cela est très logique, même si ça nous interpelle un peu a priori. Et cela démontre effectivement la puissance des moteurs d'indexation comme celui de Google, qui nous permettent par ailleurs de trouver sur la toile quasiment tout ce qu'on cherche... Tu vois, il reste un côté positif, dans cette affaire !

B û che

Bonsoir Ricou, J'ai eu ce week-end l'occasion de conseiller à un autre Zébulonien d'aller consulter ton site des citations, pour y découvrir la magie de la <div> de gauche fixe. Y retournant moi-même pour m'en remémorer le principe, quelque chose m'a traversé l'esprit, juste un peu trop vite pour que je m'en souvienne. J'ignore si la nuit porte conseil, mais j'ai retrouvé ! Dans tes images de fond juxtaposées, plusieurs remarques, si tu élargissais ta <div> de gauche d'une dizaine de pixels (à vue de nez), la bordure rouge coïnciderait avec une limite verticale de carreau du <body>, du coup, le fond de la <div> "entete" et celui du <body> s'aligneraient verticalement, horizontalement, le lignage du <body> et celui de la <div> de gauche sont pile poil face à face. Si alors tu spécifiais que l'image de fond du <body> est fixe (voir ci-dessous), la totalité du quadrillage ne bougerait plus, et c'est le contenu de ta page qui défilerait dessus. Ce serait (à mon goût) plus élégant, et créerait un défilement plus original. body {background:url(presentation/fond_cahier.gif) fixed; ... } Essaie, tu m'en diras des nouvelles...

Alors... ... fromage

Eh ben ça alors... par les cornes du diable ! Pour moi, c'est encore mieux, il s'agit de la première référence de la première page...