Dylav

¿ Tu l'as retrouvée, finalement ?

Bûche

[10771] Avec ça, tu vas pouvoir l'ouvrir, ton paquet !

[10769] J'ai trouvé un repaire de papillons de nuit !

Ça y est, Juju, t'es majeur !

Tiens, en voici, de la haute pression, pour un nettoyage intestinal... Avec les incertitudes météorologiques, je veux bien un grand parapluie !

[10767] Please Don't Touch, by Chico Holiday (RCA Records # 10767)

Las, que sont les gueulardises devenues ? C'est que, sournoise, Malacie guette une chaise pour bloquer la porte ! — « Vade retro ! Ne fais point ceci ! Tu risques de t'infester l'aorte, à trop t'asseoir sur la tranche du jambon de Bayonne ! Essaie plutôt de t'entraîner à surveiller l'heure avant que les escargots sortent pour courser les limaces ! » La langue râpeuse derrière des lèvres gercées, le rêveur “Roquet Longues Oreilles” était resté tapi sous la véranda. Le corps alangui, l'œil vitreux, l'haleine chargée, le ventre bedonnant, il pense le réussir sans que la couche d'ozone ne se croie attaquée ! Quel manque de délicatesse, car Claire Chazal, derrière le prompteur, commençait à transpirer dès le mois où les cigognes maguari d'Amérique tapotent sur lastminute.com pour noter les jours de grève. Comme disait sa grand-mère, Martine s'exclama : — « Bon pli, bon œil ! Sus au tigrou, que rien ne saurait empêcher de courir après Séraphine. » Pourtant, le monstre à poil ras éructa sa rage : — « Cette signature me rappelle avec délicatesse : plie, tu ne saurais me résister !... » Pendant ce temps, alourdie d'absinthe, le regard las,

Bon, alors bûche de minuit !

Ce jeu ? Quel jeu ? Le Midnight ou la Bûche ?

Le problème semble avoir trouvé sa solution. Ainsi, afin de signaler clairement à ceux qui ont un problème similaire qu'ils ont peut-être une solution toute trouvée (s'ils pensent à utiliser la fonction Recherche en indiquant le mot-clé "résolu" auparavant), et afin de signaler aux autres contributeurs qu'il est inutile de continuer à se creuser la tête sur le problème (à moins d'avoir des suppléments d'informations à apporter pour mieux comprendre ce qui posait problème), un modérateur a préfixé le titre du topic avec la mention [résolu]. Merci, à l'avenir, de bien vouloir prendre à votre charge cette mise à jour quand vous estimez que votre problème a été résolu de manière satisfaisante (et parallèlement, si le problème a disparu "mystérieusement", inutile d'induire les gens en erreur ) Pour cela, votre premier message

À J-6, saluons l'apparition d'un nouveau compétiteur

Bonjour Nogi, bonjour Ddehem, En réalité, le dimensionnement en pourcentage fonctionne parfaitement*. Le problème, c'est qu'une définition width:100%;height:100%; étale l'image sur la totalité de son conteneur. Ainsi, si la proportion entre largeur et hauteur n'est pas la même pour ces deux objets, l'image sera déformée. La solution, c'est de n'imposer qu'une seule dimension (le rapport entre les dimensions de l'image sera préservé). Je te conseille alors de choisir width:100%; afin de remplir en priorité toute la largeur du conteneur (avec le risque d'une hauteur démesurée si l'écran est très “plat”, comme les nouveaux écrans en 16/10èmes). L'autre choix est plus aléatoire, car les hauteurs en pourcentage ne sont pas toujours prises en compte. Quant à la définition en pixels, elle nécessiterait un script de calcul, puisque le conteneur lui-même n'a pas de dimensions fixes (définition d'écran du visiteur, largeur du bloc-menu sidebar1). Pas facile à mettre au point... et attention au visiteur qui désactive JavaScript par mesure de sécurité __________ * en fait, le “rendu” de l'image n'est pas garanti. Il est toujours préférable d'utiliser un produit de retouche d'image pour redimensionner une image. Dans ce cas néanmoins, il faudrait prévoir plusieurs images, avec un script qui choisit l'image à afficher en fonction de la résolution d'écran du visiteur.

Pas de souci, tu reviens quand tu veux, bien sûr. Une petite remarque sur ta feuille de style, tu as encore oublié d'indiquer l'unité pour les attributs margin, par exemple h1 { margin:7px; }. C'est important, parce que FireFox — entre autres — ignore l'attribut quand l'unité n'est pas précisée ! Tu relèveras néanmoins que moi-même n'avais pas indiqué d'unité, par exemple body { margin:0; }, mais pour les marges nulles. En fait, zéro c'est zéro, quelle que soit l'unité, donc il faut savoir être flemmard... quand c'est possible !

C'est mieux, comme ça, pour ta bûche ?

Joyeux anniversaire Mattlau

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 ?

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 :

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

Joyeux anniversaire Greywolf

Midnight & Bûche… coup double

[10765] Mon modèle est plus récent… ou plus puissant… qu'en sais-je, moi ?

[10763] La recherche de wagons se fait de plus en plus fastidieuse