Aller au contenu

Dylav

Modérateurs
 Afficher le profil  Afficher son activité

  • Compteur de contenus

    45 944

  • Inscription

  • Dernière visite

  • Jours gagnés

    217

 Type de contenu 

Tout ce qui a été posté par Dylav

  1. Dylav
    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.
  2. Dylav
    Bûche, et
  3. Dylav
    Eh bien, il semblerait que poser la question, c'est déjà la résoudre, non ? Edit > j'oubliais bûche !
  4. Dylav
    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 !
  5. Dylav
    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 !
  6. Dylav
    peinture
  7. Dylav
    ... Pweet !
  8. Dylav
    b û che ! Tiens, Sousou, cadeau, ton avatar sur fond transparent...
  9. Dylav
    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 ?
  10. Dylav
    En ce jour de S aint Valentin, ver s ifion s un rondeau
  11. Dylav
    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.
  12. Dylav

    800x600 -> 1024x768

    Dylav a répondu à un(e) sujet de Sew-Oszka dans Programmation

    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.
  13. Dylav
    je suis... bûche, et je relance d'une bûche !
  14. Dylav
    Oui, c'est vrai, je n'y pense jamais... (je fais compliqué quand je pourrais faire simple!)
  15. Dylav
    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).
  16. Dylav

    800x600 -> 1024x768

    Dylav a répondu à un(e) sujet de Sew-Oszka dans Programmation

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

    800x600 -> 1024x768

    Dylav a répondu à un(e) sujet de Sew-Oszka dans Programmation

    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 !
  18. Dylav
    C'est mignon !
  19. Dylav
    Higgins bon anniversaire à toi aussi... et passe le bonjour de ma part à Magnum !
  20. Dylav
    O K . O K ... Mai s faudrait pa s en abu s er, non plu s ! Allez, on ferme.
  21. Dylav
    escalade
  22. Dylav
    Hypocrite, va ! Tu collabores activement, sous Software, au nouveau sous-forum Windows Vista, justement dédié à cette question...
  23. Dylav
    ... pont suspendu Luxe, ton hamac, Lolokiss... ce doit être un vrai plaisir !
  24. Dylav
    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
  25. Dylav
    bûche
×
×
  • Créer...