Dylav

... lad

bûche bûche bûche bûche bûche

penseur

Peu importe, on ne peut pas obtenir de droit de visite...

Oui, attends, là, eh oh, tu as tout à fait raison, Scuny ! Déjà que c'est un peu tôt pour faire son ménage de printemps, en plus il prend le JVRAD pour un tapis, et il vient planquer ses tas de poussière dessous ! Faudrait peut-être lui rappeler que le ramassage des ordures, à Paris du moins, c'est tous les matins, et qu'il est interdit d'entreposer des objets encombrants sur le JVRAD, qui est un lieu public, quand même... C'est vrai, quoi, il existe une déchetterie, sur Zébulon, exprès pour les besoins des modos (non non, ce n'est pas au fond du couloir à droite) et, si je ne m'abuse, elle ne s'appelle pas JVRAD ! M'enfin quoi ? P.S.: je comprends mieux la valeur avantageuse des compteurs de messages de certains membres...

Ah, il était trop dur, ton titre, MyLord, parce que son demain, ce n'est même plus aujourd'hui, c'était hier... et cela ne va pas aller en s'arrangeant. Moi, je serais toi, je le fermerais, ce topic, parce qu'on va tellement s'embrouiller les pinceaux qu'on risque de s'y retrouver enfermés dehors...

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 seule pendant qu'il secourait charitablement une orpheline aveugle

Al' bouffera des... frites Olivier, de retour ?

Soudain, je ne comprends pas trop non plus. As-tu modifié quelque chose depuis ton message ? En effet, à un poil près (1 ou 2px), la bordure rouge tombe effectivement en limite de carreau, et ceci pour toutes tes pages, MAIS à condition d'être effectivement plein écran 1024px. Dès que tu redimensionnes la fenêtre de ton navigateur à la baisse, il se produit un décalage (qui apparaîtra donc en résolution 800x600, par exemple). Je ne comprends pas pourquoi, dans la mesure où ton quadrillage commence en haut à gauche, et que ta <div> de gauche reste fixe, tant en position (en haut à gauche) qu'en largeur ! Pour pallier élégamment le problème (et simplifier ta gestion de trois images de fond), tu te construis une image de fond filiforme pour le <body>, de hauteur un carreau, et de grande largeur (1600px par exemple, ou même 2000px, pour s'étendre y compris sur des définitions d'écran élevées*), avec la marge préétablie (pas de quadrillage vertical à gauche de la barre rouge, et un quadrillage vertical à droite pour le corps de la page). Il n'est même pas nécessaire de spécifier le repeat-y, ce sera implicite. Ta <div> de gauche n'aura alors plus besoin ni d'image de fond, ni de marge de droite. Plus d'image de fond spécifique non plus pour ta <div> d'entête (elle risquerait de mal se superposer). Et, bien sûr, tu spécifies que l'image de fond ne bouge pas (background:... fixed;). __________ * pas de problème pour les largeurs inférieures, l'image de fond ne déclenche pas de scrolling quand elle déborde : elle est tout simplement visuellement tronquée.

Bûche, et

Eh bien, il semblerait que poser la question, c'est déjà la résoudre, non ? Edit > j'oubliais bûche !

Ils répercutent le style style="text-decoration:none;" qui est donné dans la balise.... Argh... quel manque d'observation de ma part ! En présence d'une feuille de style dans le <head>, je n'imaginais pas qu'il puisse y avoir du style="..." dans le <body> La séparation du contenu et de la mise en forme, Diana, la séparation !

Excuse-moi, Sousou, d'habitude je me relis plus soigneusement... Mais ce que je te suggérais, c'est d'utiliser l'image sur fond transparent comme avatar à la place de ton avatar (non non, je ne t'appelle pas Iznogoud), tu n'auras plus ce fond blanc sur le bleu du forum ! Classe... Bûche !

peinture

... Pweet !

b û che ! Tiens, Sousou, cadeau, ton avatar sur fond transparent...

Il est effectivement étonnant de constater que la balise <p> semble étanche aux attributs de la balise <a> qui l'encapsule, et dont elle devrait donc hériter. Mais il te suffit d'ajouter une spécification ciblée, pour retrouver l'effet désiré. a:hover p {color:green;} Tu peux d'ailleurs combiner les deux spécifications a:hover ainsi, où la virgule sépare les deux cibles. a:hover, a:hover p {color:green;} Pour le rouge en revanche, c'est normal, puisque tu imposes la couleur rouge dans <p>, qui prend donc la priorité sur la couleur violette de la balise <a> encapsulante. Si tu tiens au violet, même punition, même motif a, a p {color:purple;} Il reste un phénomène que je n'explique pas : les liens actifs dans <p> devraient être soulignés. Or ils se comportent comme si on leur avait imposé text-decoration:none ?

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...