IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Bug CSS 3D + pixellisation image


Sujet :

CSS

  1. #1
    Membre habitué
    Homme Profil pro
    Lycéen
    Inscrit en
    Janvier 2014
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Lycéen
    Secteur : Enseignement

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par défaut Bug CSS 3D + pixellisation image
    Bonjour!

    J'ai commencé un projet permettant de visionner un morceau d'une carte minecraft mais j'ai plusieurs problèmes que je n'arrive pas à résoudre.
    http://ecawebcraft.egaro555.fr/

    1) Le sites est codé pour Chrome et Firefox mais seul chrome marche (pour ma part)
    sur Firefox beaucoup de faces qui se trouvent derrière passent en 1er plan!
    http://ecawebcraft.egaro555.fr/img/img002.png
    z-index marche dans Firefox mais cela demande beaucoup de travail (et de calculs pour le navigateur)!
    Y a t'il un moyen que Firefox puisse gérer automatiquement les plans?

    2) Tous mes bock sont floutés au zoom.
    Y a-t-il un moyen de zoomer en pixelisant?
    (l'image est affichée en background dans le css)
    A gauche image zoomée dans Chrome et à droite zoomée comme je le voudrais
    3) lors d'un zoom/de-zoom les faces coller ce sépare par un petite bande transparent!
    C'est MOCHE!!!!
    http://ecawebcraft.egaro555.fr/img/img003.png
    Avez vous une idée du comment je pourrais faire?

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Tu devrais commencer par mettre un DOCTYPE complet et valide.

  3. #3
    Membre habitué
    Homme Profil pro
    Lycéen
    Inscrit en
    Janvier 2014
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Lycéen
    Secteur : Enseignement

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par défaut
    C'est l'un des seul truc que j'ai pas compris dans l'HTML!

    J'ai essayer de mètre <!doctype html> mais plus rien ne marche après!
    http://ecawebcraft.egaro555.fr/index2.php

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Plus d'infos :

    http://j-willette.developpez.com/tut...ge=page_1#LI-C
    http://css.developpez.com/faq/?page=...doctype_design

    Toujours mettre un DOCTYPE pour s'assurer de toujours démarrer un projet du bon pied. Sans quoi, tu es à essayer de régler plein de différences entre navigateurs et tu ne t'en sors pas.

  5. #5
    Membre habitué
    Homme Profil pro
    Lycéen
    Inscrit en
    Janvier 2014
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Lycéen
    Secteur : Enseignement

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par défaut
    C'est bon j'ai mis un doctype
    Mais rien n'a changer! Firefox bug toujours!

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Firefox ne bugge pas. C'est ta compréhension du HTML et du CSS qui est défaillante.
    Je te laisse lire encore une fois la FAQ :
    http://css.developpez.com/faq/?page=...ur_pourcentage

  7. #7
    Membre habitué
    Homme Profil pro
    Lycéen
    Inscrit en
    Janvier 2014
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Lycéen
    Secteur : Enseignement

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par défaut
    Je n'est pas de problème de hauteur!

    Je je parle de la perspective 3d
    http://ecawebcraft.egaro555.fr/img/img002.png

  8. #8
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Citation Envoyé par Egaro555 Voir le message
    Je n'est pas de problème de hauteur!
    On ne doit pas regarder les mêmes URLs alors !

    Citation Envoyé par Egaro555 Voir le message
    Je je parle de la perspective 3d
    Les spécifications CSS3 ne sont pas encore finalisées (encore moins sur les notions de perspective 3D) et il donc normal que certaines interprétations de ces navigateurs soient différentes.
    Quand on veut être avant-gardiste faut s'attendre à mettre les mains dans le cambouis.

  9. #9
    Membre habitué
    Homme Profil pro
    Lycéen
    Inscrit en
    Janvier 2014
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Lycéen
    Secteur : Enseignement

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par défaut
    Je vais essayer de trouver un algorithme en JavaScript pour résoudre le problème de Firefox!
    (calculer le z-index de chaque face en fonction de l'angle de la camera)
    Quelqu’un a une idée?

    Et je cherche aussi à pixéliser une image!

Discussions similaires

  1. Bug CSS sur une galerie d'images
    Par Tetricus dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 30/04/2014, 20h40
  2. [CSS] Changer d'image quand on passe dessus
    Par Trunks dans le forum Mise en page CSS
    Réponses: 13
    Dernier message: 08/12/2005, 22h18
  3. [xhtml][css] chargement d'image sur IE
    Par killgors dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 23/08/2005, 20h37
  4. [CSS] Propriété d'image
    Par m312 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 13/08/2005, 23h49
  5. [CSS] Affichage d'images sous Firefox & IE
    Par Flushovsky dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 12/06/2005, 12h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo