Aller au contenu

Dylav

Modérateurs
 Afficher le profil  Afficher son activité

  • Compteur de contenus

    45 465

  • Inscription

  • Dernière visite

  • Jours gagnés

    208

 Type de contenu 

Tout ce qui a été posté par Dylav

  1. Dylav
    ... et ça ne fait pas un peu répétitif, ce tic de dire « bûche » à tout propos dans ce topic ?
  2. Dylav
    Bon annif Jman !
  3. Dylav
    C'est un coup à en perdre la tête Mais j'ai pris un coup de froid... qui aurait des mouchoirs ?
  4. Dylav
    [10623] Moi, je les quitte, mes pompes, pour m'asseoir dans mon fauteuil !
  5. Dylav
  6. Dylav
    Désolé, je n'ai pas trouvé de squaw laide... Avec le printemps qui débute, je voudrais des jonquilles !
  7. Dylav
    [10621] Électrificateur sur secteur tout particulièrement adapté aux équidés.
  8. Dylav
    … lune Pourquoi, me direz-vous ? Passké lisser moon, bien sûr...
  9. Dylav

    Résolution écran

    Dylav a répondu à un(e) sujet de ddehem dans Programmation

    Aparté pour Basphet Effectivement, la page d'accueil de ton site sait s'adapter à la résolution d'écran de ton visiteur. Néanmoins, je crains qu'il ne s'agisse pas d'un “bon” exemple à donner, car elle s'appuie sur un dispositif de frames qui fait l'objet, dans les préconisations XHTML du W3C, d'une DTD spécifique en voie de “dépréciation” (ça fonctionne encore, mais c'est déconseillé).
  10. Dylav
    Le stade de France te conviendra-t-il ? Et peut-être pourras-tu me montrer un moulin à vent ?
  11. Dylav
    Bûche !
  12. Dylav
  13. Dylav
  14. Dylav
    [10617] Ça tombe bien, j'avais besoin d'un bon café, moi !
  15. Dylav

    Résolution écran

    Dylav a répondu à un(e) sujet de ddehem dans Programmation

    Dans la veine de ce que suggère KewlCat, je te propose une page HTML simplifiée, structurée ainsi, un écran gris #CCC avec une image de fond répétée verticalement pour faire une marge (où s'inscrira le menu), un bandeau haut de fond rouge sombre #900, avec à gauche le logo en image de fond non répétée, une <div> fixe à gauche, pour inscrire le menu dans la marge, un corps d'écran (hors bandeau et menu) affichant une grande image composite centrée (parce que je n'ai absolument pas compris comment on pouvait tracer des traits entre images, surtout en oblique ?), et en-dessous l'encart “Pourquoi ce site Internet ?” L'intérêt que tu trouveras à cette ébauche de solution, c'est la concision de sa formulation. Compare le source généré par ton produit Avanquest avec celui que je propose : lequel semble le plus lisible ? La page HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title> ACCUEIL </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Style-Type" content="text/css;" /> <meta name="Description" content="Ce site a été créé à la mimine par Dylav" /> <link rel="stylesheet" href="index_p.css" type="text/css" media="screen,projection,print" /> <!--// Page Style //--> </head> <body> <div id="bandeau"> <h1>Association “ <strong>Pour une Tauromachie Authentique 33</strong> ”</h1> <h2>Ce site est en construction et sera bientôt opérationnel</h2> </div> <div id="menu"> <p><a href="index_012.html">Présentation de l'Association</p></a> <p><a href="index_002.html">Les Fondamentaux</p></a> <p><a href="index_003.html">Nos points de vue sur la tauromachie authentique</p></a> <p><a href="index_004.html">Vos points de vue sur la tauromachie authentique</p></a> <p><a href="index_010.html">Actualités de la tauromachie</p></a> <p><a href="index_015.html">Comment se documenter</p></a> <p><a href="index_014.html">Partenaires-Liens</p></a> <p><a href="index_011.html">Statuts et fonctionnement</p></a> <p><a href="index_013.html">Nous contacter</p></a> </div> <div id="corps"> <img src="http://moe.mabul.org/up/moe/2010/03/18/img-165412ke15w.jpg" alt="" title="photographies" /> <div id="pourquoi"> <p><strong>Pourquoi ce site Internet ?</strong></p> <ul> <li>il est destiné aux "afficionados à los toros" autrement dit, les amateurs de corridas,</li> <li>il doit leur permettre de, <ul> <li>s'informer sur les vraies valeurs,</li> <li>s'exprimer sur la tauromachie authentique et dialoguer,</li> <li>se documenter,</li> <li>participer aux actions de préservation de la tradition culturelle que constitue la corrida.</li> </ul> </li> </ul> </div> </div> </body> </html> La feuille de style body { margin: 0; background: #CCC url(http://moe.mabul.org/up/moe/2010/03/18/img-165346qw5e2.jpg) repeat-y; } h1 { margin:0; padding: 20px 0 0 0; font: 24px "Comic sans MS"; color: #000; } h2 { margin:0; font: italic 16px "Arial Unicode MS"; color: #FFF; } a { text-decoration: none; color: #000; } a:hover { color: #F00; } ul { padding-left: 12px; } li { padding-left: 3px; } #bandeau { height: 97px; background: #900 url(http://moe.mabul.org/up/moe/2010/03/18/img-165357hqk0e.jpg) no-repeat; text-align: center; vertical-align: middle; padding-left: 141px; } #menu { position: fixed; top: 97px; left: 0; width: 156px; padding: 0; } #menu > p { margin: 15px 0 0 3px; font: bold 13px "Arial Unicode MS"; } #corps { padding-top: 10px; margin-left: 156px; text-align: center; } #pourquoi { width:50%; border: 2px solid #FFF; margin: 20px 0 0 25%; padding: 0 15px; font: 12px "Arial Unicode MS"; text-align: left; } Nota : à cause de ton image composite centrale, on ne peut néanmoins pas descendre en-dessous d'une résolution 1024x768. Mais il ne doit plus exister beaucoup d'écrans 800x600 encore en fonctionnement !
  16. Dylav
    [10614] C'est le numéro de la photo… mais la BB 15018 resservira peut-être !
  17. Dylav
    Ça, c'est un patron… en principe ! Mais prêtez-moi un baromètre, pour sonder la tendance…
  18. Dylav
    [10612] Voilà un objet bien utile pour éclairer le débat
  19. Dylav
    nain bus... modèle réduit ! école
  20. Dylav
    Bûche
  21. Dylav
    [10610] Pas aussi joli qu'un couteau suisse
  22. Dylav
    Pour que tu n'en manques pas, je t'en ai apporté tout un fût Moi, je rêve plutôt d'une grande encyclopédie...
  23. Dylav
    Bûche
  24. Dylav

    Résolution écran

    Dylav a répondu à un(e) sujet de ddehem dans Programmation

    Bonsoir Séb, Certes, mais inutile, car c'est bien sûr la valeur par défaut. Oui, tout le problème est là, et c'est justement ce que je tentais d'exposer à Ddehem, non ?
  25. Dylav

    Résolution écran

    Dylav a répondu à un(e) sujet de ddehem dans Programmation

    Bonjour ddehem, Le “script” que tu nous présentes n'est pas un script, mais le code HTML d'une page WEB. La particularité de cette page, c'est que les dimensions qui y sont données sont relatives, et non pas absolues. En d'autres termes, les dimensions horizontales des tables et de leurs cellules sont données en pourcentage de la largeur de la fenêtre. Ainsi, tant que tu ne demandes pas d'afficher plus de 100% de la fenêtre, il n'y aura pas de scrolling horizontal. Comment appliquer cette technique à ton site ? En remplaçant toutes les dimensions fixes par des dimensions proportionnelles. Dans l'exemple ci-dessous du bloc <div> “e14” (pris dans la feuille de style index_p.css), - il est positionné en fixe (left et top dans une unité fixe d'ailleurs pas très adéquate), - il a également des dimensions fixes (width et height). Il faut donc que tu transformes tout ça en relatif... Dans cet exemple, tu pourrais essayer tout d'abord left:12%; et width:34%; (c'est très au pif). Quant à la taille de ton écran (comme de ceux de tes visiteurs), il ne faut pas la considérer en pouces, mais en définition (par exemple 1600x900, c'est-à-dire 1600 pixels de largeur sur 900px de hauteur, ou 800x600 pour de bons vieux 15" à canon)... La question est passionnante, mais pour la résoudre il va falloir que tu t'investisses un peu dans les langages XHTML et CSS. Rassure-toi, les bases sont simples ! Je te conseille d'aller voir le tutoriel du Site du ZérO, particulièrement bien conçu et agréable à lire : un vrai roman policier
×
×
  • Créer...