Aller au contenu

Dylav

Modérateurs
 Afficher le profil  Afficher son activité

  • Compteur de contenus

    45 982

  • Inscription

  • Dernière visite

  • Jours gagnés

    218

 Type de contenu 

Tout ce qui a été posté par Dylav

  1. Dylav

    CSS : méthode et déclarations

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

    Pour les attributs des balises, classes ou id's dans une feuille de style, pas d'ordre particulier. En revanche, si tu précises deux fois le même attribut pour un même [type d'] objet, c'est le dernier qui gagne ! Pour le padding, si les effets sont nocifs, on va tenter d'employer les grands moyens, en imposant explicitement au <body> (conteneur principal), aux <h1> et <h2> (conteneurs de titres), des marges extérieures nulles et des marges intérieures nulles. Et, si ça ne suffit pas, tu pourras même tenter — encore plus fort — un padding-top négatif pour <h1> (genre -5px pour commencer). En tout cas, enlève le line-height, qui crée entre les lignes des espaces supérieurs au standard (ici 180%, contre 120% par défaut, si mes souvenirs sont exacts). Ci-dessous, j'ai mis la feuille de style directement dans la page HTML — juste pour être plus concis. <html> <head> <style> body {margin:0; /* marges ext. nulles (haut, droite, bas, gauche) */ padding:0; /* marges int. nulles (haut, droite, bas, gauche) */ border:1px solid #33CC33; /* épaisseur, style, couleur : écriture condensée */ background-image:url('../background.png'); width:155px; height:145px; text-align:center; font-family: Segoe UI; ... } h1 {margin:0; /* marges ext. nulles (haut, droite, bas, gauche) */ padding:0; /* marges int. nulles (haut, droite, bas, gauche) */ font-size:12px; color:#33CC33; ... } h2 {margin:0; /* marges ext. nulles (haut, droite, bas, gauche) */ padding:0; /* marges int. nulles (haut, droite, bas, gauche) */ font-size:8px; color:#FF0000; ... } </style> <script src="vbs/" language="vbs"></script> <script> System.Gadget.settingsUI = "settings.html"; </script> </head> <body> <h1>FIREWALL COMMANDER</h1> <div id="colonne1"> <a href="vbs/pfon.vbs"><img src="images/pfon.png"> <a href="vbs/allowout.vbs"><img src="images/allowout.png"> </div> <div id="colonne2"> <a href="vbs/pfoff.vbs"><img src="images/pfoff.png"> <a href="vbs/blockout.vbs"><img src="images/blockout.png"> </div> <div id="centre"> <a href="vbs/fw.vbs"><img src="images/pf.png"> <a href="vbs/log.vbs"><img src="images/log.png"> </div> <h2>Outbound is allowed</h2> </body> </html> Nota : un <script>...</script> entre le </head> et le <body>, ce n'est pas possible, il faut choisir ! Je l'ai rapatrié dans le header, mais il faut peut-être l'installer dans le body ?
  2. Dylav
  3. Dylav

    CSS : méthode et déclarations

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

    Pour le positionnement du titre, essaie de préciser explicitement le padding-top du body (marge intérieure côté haut, entre border et contenu), par exemple à 5px, pour voir si ça fixe le comportement lors de la gadgetisation. Mais j'ai des doutes sur l'efficacité du conseil… body {... padding-top:5px; ... } Une remarque importante, la balise <a> doit toujours être refermée, par exemple :
  4. Dylav

    CSS : méthode et déclarations

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

    Bonjour Pang, Pour pouvoir te répondre, il ne serait pas inutile que nous disposions du code HTML de ton gadget, afin de constater très précisément les clauses de style associées aux textes concernés. Pour le titre « FIREWALL COMMANDER » par exemple, est-il écrit dans un paragraphe <p>...</p> et, si oui, as-tu laissé à cette balise ses attributs par défaut, etc. Tu peux en effet « bénéficier » à l'insu de ton plein gré d'attributs auxquels tu ne t'attendais pas, comme par exemple margin-top et padding-top. Une remarque au passage, toutes tes dimensions doivent être explicitement exprimées dans une unité, ici probablement le pixel “px”. Tu as également oublié le # devant le code RGB de la couleur de la police du body (code que tu pourrais remplacer par #33CC33, dont la différence avec l'autre est pratiquement imperceptible, et dont tu seras sûr que la couleur sera rendue de la même façon par tous les navigateurs).
  5. Dylav
    Joyeux anniversaire Greywolf
  6. Dylav
    Midnight & Bûche… coup double
  7. Dylav
    [10765] Mon modèle est plus récent… ou plus puissant… qu'en sais-je, moi ?
  8. Dylav
    [10763] La recherche de wagons se fait de plus en plus fastidieuse
  9. Dylav
    C'est dingue, la bûche est pour toi même quand tu ne joues pas !
  10. Dylav
    Inlassable Bull...
  11. Dylav
    À J-14, que peut-on ajouter
  12. Dylav
    Facile, tu rouvres le tout premier message de ce sujet, pour modification (avec le bouton [Éditer]). Tu vois alors apparaître son titre (au-dessus du texte), et tu peux y insérer la mention [Résolu]... Voili voilou
  13. Dylav
    Bûche
  14. Dylav
    Bûche
  15. Dylav
    Non, en fait tu étais en mode « Linéaire+ »… tu peux retourner vérifier [10761] C'est un « Cerastis leucographa », voilà… et il n'est pas très beau
  16. Dylav
    En homéopathie, la dose, c'est une histoire de nombre de... … granules !
  17. Dylav
    Oui, qui ?
  18. Dylav
    Joyeux anniversaire, KC ! Désolé, je rentre seulement maintenant de la campagne...
  19. Dylav
    Sincères félicitations, Casto ! Et puis, tu sais, tu as le droit de venir plus souvent que pour annoncer ces bonnes nouvelles
  20. Dylav
    [10753] Je pourrais toujours prétendre qu'il s'agit d'une tempête de neige
  21. Dylav
    [10751] Robinet mitigeur pour arroser les vigiles…
  22. Dylav
    Embêtant… ton corps 2 a sauté ! Et je crains le retour de flamme
  23. Dylav
    Bûche ?
  24. Dylav
    [10747] Dans la famille “petites annonces”, 75 m² + 28 m² de garage
  25. Dylav
    « Hippy Hippy Shake », by the Swinging Blue Jeans… Waouh ! Mais qu'à cela ne tienne, je me ferais bien une petite rando en quad !
×
×
  • Créer...