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

HTML Discussion :

Divers soucis sous IE8


Sujet :

HTML

  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut Divers soucis sous IE8
    Bonjour à tous,

    bon avant tout j'espère que je ne me suis pas trompé de section...
    Alors voilà, j'ai quelques soucis avec notre cher et tendre Internet Explorer 8, en effet, sur cette page (à ouvrir donc sous IE8 également pour voir les bogues) :
    - le menu de navigation devrait avoir les coins arrondis, hors, malgré l'implantation du script PIE.htc, les coins restent droits, peut-être m'y suis-je mal pris...
    - les vignettes changent d'ordre en fonction du moteur de recherche (très "amusant" ce bogue...)
    - lorsqu'on passe la souris sur une vignette, une "infobulle" devrait s'ouvrir afin d'y voir un petit texte d'introduction, hors, sous IE8, cette "infobulle" n'apparaît tout simplement pas.

    Petites précisions :
    - c'est un site basé sur Wordpress
    - le template utilisé est un template payant acheté sur Themeforest nommé Sideways
    - j'ai déjà envoyé 3 mails au concepteur du thème pour qu'il m'aide, je n'ai jamais eu de réponses de sa part
    - j'ai déjà demandé de l'aide sur le forum de Wordpress, je n'ai eu aucune réponses

    Voilà, en espérant cette fois-ci obtenir de l'aide car malgré les excellents cours PHP mes connaissances en PHP sont proches du néant et en espérant également qu'il s'agisse bien de bogues PHP

    Bien cordialement,

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    ne connaissant pas PIE, je m'y suis (un peu) intéressé.
    Dans la doc , il est écrit (en tout petit !) :
    Step 4: Apply PIE

    behavior: url(path/to/PIE.htc);

    Of course you will need to adjust the path to match where you uploaded PIE.htc in step 2.
    Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.

  3. #3
    Invité
    Invité(e)
    Par défaut
    Topic à déplacer dans la section HTML/CSS non ?

  4. #4
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut
    Bonjour,

    heu je ne voudrais pas paraître impoli mais avez-vous bien lu mon message en ENTIER ? Car il traite de PIE.htc (donc HTML/CSS certes) mais aussi et SURTOUT de problème PHP (je pense) donc je ne pense pas que mon message soit à déplacer dans cette section du forum... au pire, je supprime mon soucis avec PIE de mon message initial car c'est loin d'être le cadet de mes soucis.

    Sinon merci bien jreaux62, c'est bon à savoir

  5. #5
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par Valtiel Voir le message
    - le menu de navigation devrait avoir les coins arrondis, hors, malgré l'implantation du script PIE.htc, les coins restent droits, peut-être m'y suis-je mal pris...
    Mon message précédent est peut-être la réponse à ce problème -> vérifier le path vers PIE.htc
    (je viens de tester sur un code simple, ca marche assez bien, ce PIE ! c'est bon a savoir aussi)

    ps : pour les autres problèmes (d'affichage client) : aucun rapport avec PHP (langage serveur)

    - "info-bulle" -> [edit] voila ce qui crée le problème : (conflit ?)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    	<!--[if lt IE 9]>
    		<link rel="stylesheet" href="http://www.idalta.com/wordpress_idalta/wp-content/themes/download/sideways/css/ie7.css" media="screen" />
    	<![endif]-->
    Dernière modification par Invité ; 29/08/2011 à 12h51.

  6. #6
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut
    Oui certains disent même que c'est "magique" ^^. Puis c'est surtout pratique et rapide à mettre en place, quand on sait s'y prendre correctement...
    Bref, je vais voir ça de suite pour PIE.htc, j'ai effectivement dû me tromper dans le chemin.

    Pour le soucis des "infobulles", comment résoudre cet éventuel conflits ?
    Moi ce que j'arrive à comprendre, c'est qu'un fichier est appelé si IE9 est utilisé, c'est bien ça ?
    si tel est le cas, comment faire en sorte pour qu'il soit également appelé si IE8 est utilisé ?!

    Et pour moi je parle de PHP quand il est utilisé, ce qui est le cas dans le template utilisé il me semble.

  7. #7
    Invité
    Invité(e)
    Par défaut
    Non. [if lt IE 9] veut dire "less than" IE9 (donc : IE8, IE7 ...)

    Or, ce fichier "css/ie7.css" n'est pas nécessaire avec IE8 (qui fonctionne bien sans)

    => je pense qu'il suffit de remplacer :
    <!--[if lt IE 9]>
    par
    "less than or equal" IE7
    Dernière modification par Invité ; 29/08/2011 à 13h20.

  8. #8
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut
    Ok ok et bien j'ai modifié les lignes comme tu m'as dit, seul soucis, étant sur Mac, je ne peux pas (plus...) voir ce que cela donne sur IE8...

    Au passage si quelqu'un a une proposition pour ça, hormis de passer par bootcamp/VM/sites proposant des captures uniquement .

    Concernant PIE :
    - j'ai envoyé le fichier PIE.htc uniquement (pas tout le reste comme indiqué dans leur documentation)
    - j'ai bien ajouté la ligne de style "behavior: url(PIE.htc);" à l'élément désiré
    - le fichier de style et le fichier PIE se trouvent dans le même dossier, ainsi que le fichier HTML contenant le menu de navigation
    Donc je ne vois pas où j'aurais pu me tromper...

    Il me faut absolument trouver un moyen de voir ça sous IE8

  9. #9
    Invité
    Invité(e)
    Par défaut
    infos-bulle ok sur IE8.

    this path is relative to the HTML file being viewed, not the CSS file it is called from.
    signifie :
    ce chemin est relatif au fichier HTML en cours de visualisation, et non pas au fichier CSS.
    Pour PIE -> c'est le chemin entre le fichier "en cours" et PIE.htc qu'il faut mettre.
    Sous IE8, actuellement, on ne voir plus que les titres du menu (pas le fond)

    SI le fichier est ici : xxxxx/wordpress_idalta/index.php
    et PIE.htc est ici : xxxxx/wordpress_idalta/wp-content/themes/download/sideways/PIE.htc
    alors il faut mettre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    behavior: url(wp-content/themes/download/sideways/PIE.htc);
    Dernière modification par Invité ; 29/08/2011 à 15h34.

  10. #10
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut
    Aaaaah nickel pour les infobulles, c'est ce qui importait le plus donc déjà, un grand merci

    Pour PIE, j'ai bien compris ce que cela disais mais pourtant tous les fichiers sont dans le même dossier, à savoir, dans le dossier "Sideways", ce qui inclus la feuille de style, le fichier "PIE.htc" et le fichier "navigation.php" donc je ne vois pas où est le soucis concrètement :/.

    (chemin absolu : /www/wordpress_idalta/wp-content/themes/download/sideways/)

    Edition : je viens de voir que tu avais édité ton message, j'essai...
    Edition 2 : je viens de modifier la ligne comme tu me l'as suggéré, alors ?

  11. #11
    Invité
    Invité(e)
    Par défaut
    c'est bon pour le logo du menu !
    Dernière modification par Invité ; 29/08/2011 à 15h59.

  12. #12
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par Valtiel Voir le message
    pourtant tous les fichiers sont dans le même dossier, à savoir, dans le dossier "Sideways", ce qui inclus la feuille de style, le fichier "PIE.htc" et le fichier "navigation.php"
    "navigation.php" est en INCLUDE dans la page !

    Or, la page, est là : http://www.idalta.com/wordpress_idalta/index.php
    PAS dans le dossier "Sideways" !

  13. #13
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut
    Citation Envoyé par jreaux62 Voir le message
    "navigation.php" est en INCLUDE dans la page !

    Or, la page, est là : http://www.idalta.com/wordpress_idalta/index.php
    PAS dans le dossier "Sideways" !
    Aaaaahhh d'accord, c'est fourbe dit moi !!

    Bref, super pour le logo, me reste plus qu'à faire de même pour les coins inférieurs du bouton "navigation" mais je galère un peu à trouver quel est l'élément utilisé pour dans la feuille de style.
    D'ailleurs, si j'ajoute juste "behavior: url(wp-content/themes/download/sideways/PIE.htc);", tu penses qu'il va appliquer les arrondis à TOUS les coins ?

  14. #14
    Invité
    Invité(e)
    Par défaut
    Il faut maintenant l'appliquer à tous les éléments contenant :
    - box-shadow
    - border-radius
    - ...

    Liste (non exhaustive) :
    input, textarea
    .widget_search
    #share-holder
    #sidebar header
    #sidebar nav
    #navigation ul
    #portfolio .info
    .toggle-content .expand
    .article-wrapper
    #feature-image
    .raw_popular_posts
    .dropcap_2

  15. #15
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut
    C'est chose faite, j'ai trouvé des éléments en plus de ta liste qui utilisaient border-radius/shadow au passage .

    Résultat ?

  16. #16
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par Valtiel Voir le message
    heu je ne voudrais pas paraître impoli mais avez-vous bien lu mon message en ENTIER ? Car il traite de PIE.htc (donc HTML/CSS certes) mais aussi et SURTOUT de problème PHP (je pense)
    J'ai bien lu ton message en entier, et je n'y ai vu que des problèmes côté client. Preuve en est, les réponses de jreaux62 (très justes comme souvent) parlent de CSS et de commentaires conditionnels HTML. De toute façon, la seule règle dans ce domaine est : si ton problème ne se présente que sur certains navigateurs, c'est qu'il s'agit d'un problème de langage client (HTML, CSS ou JS). Merci d'appliquer ce conseil pour tes prochains topics sur le forum, l'aide trouvée sera plus efficace ainsi que la capitalisation de la connaissance acquise grâce au topic . Je me permets de te dire tout ça car tu es nouveau, autant prendre de bonnes habitudes tout de suite

  17. #17
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut
    Aucun problème, je ne l'ai d'ailleurs pas mal pris
    C'est juste que lorsque je constate qu'il y a du PHP "concerné", je m'oriente directement vers ce dernier, mais désormais je saurais que ce n'est systématique

    Ceci dit, la ligne que j'ai dû modifier était du PHP donc c'est pas toujours évident de savoir vers quelle section d'un forum de ce type s'orienter.

  18. #18
    Invité
    Invité(e)
    Par défaut
    Re.
    1/ Les infos-bulle ont un comportement bizarre sur IE8.
    - soit la case s'affiche d'abord décalée, avant de se remettre à sa place,
    - soit "onmouseout", la photo ne se ré-affiche plus ...

    2/ Menu :
    pas d'arrondi en bas de "navigation"...

  19. #19
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut
    1/ Oula en effet c'est... étrange. Tout allait bien pourtant tout à l'heure non ?
    Mais la case elle se replace normalement quand ?! Une fois la page correctement chargée ou au passage de la souris ?! Ou autre...

    2/ Ok je vais voir ça, sinon les ombres apparaissent-elles ?

  20. #20
    Invité
    Invité(e)
    Par défaut
    Les ombres apparaissent bien.

    C'est le re-positionnement de la bulle à -30px/-30px qui fait des siennes (décalage avant centrage).
    Et le traitement via PIE est aussi un peu long (l'affichage n'est pas "instantané").
    Je me demande si ca en vaut vraiment la peine ...

+ Répondre à la discussion
Cette discussion est résolue.
Page 1 sur 2 12 DernièreDernière

Discussions similaires

  1. Soucis avec .indexOf() sous IE8
    Par DFr_Vulture dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 26/05/2014, 13h54
  2. Menu déroulant html soucis sous IE8
    Par tsig00 dans le forum Langage
    Réponses: 4
    Dernier message: 12/06/2012, 09h34
  3. Souci de balise IMG avec width en % sous IE8
    Par fabrice91 dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 04/09/2009, 19h52
  4. [ezPDF] Soucis sous IE
    Par Huntress dans le forum Bibliothèques et frameworks
    Réponses: 16
    Dernier message: 28/11/2005, 14h39
  5. [onchange] Soucis sous IE
    Par Huntress dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 09/11/2005, 17h49

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