Aller au contenu

Change
Bienvenue sur GeekZone
Inscrivez-vous sur GeekZone pour profiter des fonctions avancées du forum, proposer des news, participer aux conversations, ouvrir votre galerie, profiter de la messagerie interne et venir tester nos modérateurs avec du bon troll... Attention, ils ont la gâchette facile. C’est aussi pour ça que GeekZone est le meilleur site de passionnés depuis 2002 ! Si vous avez déjà un compte, connectez-vous - sinon, il est temps d'en créer un.

[Résolu!][firefox]Je veux des pixels carrés!

- - - - -

  • Veuillez vous connecter pour répondre
33 réponses à ce sujet

#31
GUIGUI

GUIGUI

    Yoda Geek

  • Membre
  • PipPipPipPipPipPip
  • 3039 messages

Voir le messageunreal, le 13/9/2009, 23:49, dit :

Ce n'est pas très clair ton truc, c'est le moins qu'on puisse dire... En supposant que j'ai compris ce que tu voulais faire, j'ai pris ton image en 95×15, et j'ai créé une page html de test avec ceci dedans :

<img height="30" src="nomdelimage.gif" />

Et j'obtiens le rendu suivant quelque soit le browser testé :

Image IPB

Ca me paraît assez propre non ?
Encore une fois, puis-je jeter un oeil au code Html que tu as utilisé?
Ou alors, je me gourre... (grâce à cette signature géniale, plus personne ne pourra critiquer ce que je dis, héhé)
AAAAAAAAAA NEDM C'est un rebelle et puis c'est tout

#32
GUIGUI

GUIGUI

    Yoda Geek

  • Membre
  • PipPipPipPipPipPip
  • 3039 messages
Gros déterrage de thread pour dire que J'AI TROUVÉ LA SOLUTION!!! merci pour votre aide.

Enfin, ça marche seulement pour Mozilla Firefox et MS explorer. Mais si L'un d'entre vous se sent capable de retravailler le code pour le faire fonctioner sur d'autre browsers, n'hésitez pas.
Voici la méthode:
D'abord, créé un fichier.css contenant ce code:
img { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
Et sauver le dans le même dossier que la page html où l'image est appelée
Puis, dans l'entête de cette page html en question, mettez ceci:
<head>

<link rel="stylesheet" type="text/css" href="fichier.css">

</head>

Et ainsi, l'image, quelle que soit la taille que vous lui donnez, aura de beau bloc carré.
Voilà!

Modifié par GUIGUI, 25 February 2011 - 00:14.

Ou alors, je me gourre... (grâce à cette signature géniale, plus personne ne pourra critiquer ce que je dis, héhé)
AAAAAAAAAA NEDM C'est un rebelle et puis c'est tout

#33
Moe

Moe

    Râleur

  • Membre
  • PipPipPipPipPipPip
  • 3124 messages
  • Lieu:France
Tu peux peut-être appliquer ce style à toutes les images du navigateur en utilisant le plugin Greasemonkey. Ça marche peut-être aussi en éditant un fichier de configuration.

#34
GUIGUI

GUIGUI

    Yoda Geek

  • Membre
  • PipPipPipPipPipPip
  • 3039 messages
En effet. c'est aussi une solution, mais vu que j'ai trouvé un code qui permet de puis la source de rendre en joli carré l'image voulu, ces programmes ne me sont plus nécessaire.

Par contre, si quelqu'un pouvait me dire comment améliorer le code de mon fichier.css que j'ai montré plus haut afin qu'il fonctionne aussi sur Chrome et Opéra, ce serait bien.
Ou alors, je me gourre... (grâce à cette signature géniale, plus personne ne pourra critiquer ce que je dis, héhé)
AAAAAAAAAA NEDM C'est un rebelle et puis c'est tout




0 utilisateur(s) li(sen)t ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)