Taille de police sous IE non modifiable

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Taille de police sous IE non modifiable

    Bonjour,


    Tout d'abord, je tiens a préciser que je me suis bien tapé une bonne partie du forum avant de poster ( comme a mon habitude ), mais j'ai pas trouvé mon bonheur...

    Comme dit dans le titre, les modif dans mon fichier css sur la taille de police ne marchent pas sous IE!!!
    Là j'avoue bien sécher sur ce problème...alors qu'un pti tour sur le site via Firefox et tout se passe bien...

    J'ai hacké la différence de taille IE / Firefox via cette définition CSS :

    table.frame {

    /* propriété pour IE */

    font-size : x-small;
    voice-family : "\"}\"";
    voice-family : inherit;

    /* propriété pour firefox */

    font-size : small;
    }

    /* propriété pour opera */

    html>table.frame
    font-size : small;
    }

    Bon, inutile de dire que le hack est pas de moi, mais après test il marche très bien...mais pas sur mon site joomla...
    Je suis même allé jusqu'à forcer le trait en répétant la propriété un peu partout ( notamment pour le mosMainBody ), mais rien n'y fait...

    Bref, un grand besoin d'aide please....toute proposition est acceptée.

    adresse du site : http://www.graphics-france.com

    copie du contenu de template_css.css :

    /* STYLE GENERAL - BALISE BODY */

    BODY {

    background-image: url(../images/background.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: top;
    }

    /* STYLE GENERAL - CLASSE FRAME ( conteneur de la totalité de la page ) */


    /* valeurs par défaut de la page */

    table.frame {
    /* propriété pour IE */
    font-size : x-small;
    voice-family : "\"}\"";
    voice-family : inherit;
    /* propriété pour firefox */
    font-size : small;
    }
    /* propriété pour opera */
    html>table.frame
    font-size : small;
    }


    /* ****************** FRONTPAGE ********************* */

    /* Style des tables ( 'modules' ) des categories */

    TABLE.category_layout {
    /*width : 975px;*/
    width: 300px;
    vertical-align: top;
    }

    /* Style des titres des categories */

    TABLE.category_layout TH {
    text-transform: capitalize;
    color: #FFFFFF;
    background-image: url(../images/header_menu.gif);
    background-repeat: repeat-x;
    text-align: center;
    font-size: x-small;
    font-size: small !important;
    font-style: normal;
    }

    /* Cellules contenant les images */

    TD.image {
    width: 280px;
    background-color: #DBDBDB;
    }

    /* Image des cellules */

    TD.image img {
    width: 100%;
    }


    /* *********** FAQ **************** */

    /* Table conteneur de la FAQ*/

    table.FAQ {
    width : 502px;
    }

    /* Style des listes de la FAQ */

    table.contentpaneopen table.FAQ ul {
    list-style-image : none;
    list-style-type : disc;
    margin-left : 15px;
    padding-left : 0px;
    }

    /* Style des listes imbriquées */

    table.contentpaneopen table.FAQ ul ul{
    list-style-type : circle;
    }

    table.contentpaneopen table.FAQ ul ul ul{
    list-style-type : square;
    }

    /* Header de la table */

    table.FAQ th {
    height : 40px;
    background-image : url(../images/HeaderFAQ.png);
    background-repeat : no-repeat;
    color : white;
    text-transform : capitalize;
    font-weight : bold;
    }

    /* Footer de la table */

    td.FooterFAQ {
    height : 40px;
    background-image : url(../images/FooterFAQ.png);
    background-repeat : no-repeat;
    width : 505px;
    }

    /* Cellule 'Question' */

    td.Q {
    background-color : #bfd5ea;
    font-weight : bold;
    }

    /* Cellule 'Reponse' */

    td.R {
    background-color : #a2c0df;
    }

    /* espacement des cellules */

    table.FAQ td {
    padding : 10px;
    }

    /* *********** MENUS *********** */

    /* STYLE DU MENU DE GAUCHE */

    /* les styles du titre */

    div.module_left h3 {
    font: bold 15px Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0px 0px 0px 0px;
    line-height: 40px;
    background:transparent;
    text-align: center;
    }

    /* style des items */

    div.module_left td {
    text-align: left;
    font-size: 13px;
    font-weight: bolder;
    text-transform: capitalize;
    padding-left: 3px;
    }

    /* style des liens */

    div.module_left a:link {
    color : #951A1D;
    }

    div.module_left a:visited {
    color : #951A1D;
    }

    /* style des liens survolés */

    div.module_left a:hover {
    color : #FFFFFF;
    background: #951A1D repeat-x center center;
    }

    div.module_left a {
    padding-top : 5px;
    padding-bottom : 5px;
    }

    /* style des "liens premier niveau" */

    div.module_left a.mainlevel {
    text-decoration : none;
    display : block;
    }

    /* style des "sous-liens" */

    div.module_left a.sublevel {
    text-decoration : none;
    padding-left: none;
    padding-top : none;
    padding-bottom : none;
    }

    /* LES STYLES DE CHAQUE ANGLE */

    /* !!!LE MODULE DOIT ETRE EN AFFICHAGE -3!!! */

    div.module_left {
    background: url(../images/InfGauche.png) no-repeat bottom left;
    z-index:0;
    margin-bottom: 15px;
    }

    div.module_left div {
    background: url(../images/SupGauche.png) no-repeat top left;
    z-index:0;
    }

    div.module_left div div{
    background: url(../images/InfDroit.png) no-repeat right bottom;
    z-index:0;
    }

    div.module_left div div div {
    background: url(../images/SupDroit.png) no-repeat top right;
    padding: 0px 0px 7px 0px;
    width: auto !important;
    width: 100%;
    text-indent:10px;
    z-index:0;
    }

    div.module_left div div div div {
    background: transparent;
    width : auto;
    width: 100%;
    }

    /* ----- FIN MENU DE GAUCHE ------ */

    /* ----- STYLE MENU D'ACCUEIL -----*/

    /* les menus frontpage sont les menus des catégories */

    TABLE.moduletable_frontpage {
    background-color : #EDEDED;
    font-size : small !important;
    font-size: 9px;
    }

    /* la table accueil englobe toutes les images et les menus de la frontpage, sa couleur de fond est bleue */
    TABLE.accueil {
    background-color: #3E5B89;
    }

    /* ici on va surtout définir la couleur d'arrière plan des tables contenu dans la table accueil, afin de respecter le gris du fond*/
    TABLE.accueil table {
    background-color : #EDEDED;
    width: 100%;
    height: 100%;
    border : solid 1px #EDEDED;
    }

    /* les titres des sections sont en blanc sur un fond bleu */
    TABLE.accueil th{
    color : white;
    background-color: #3E5B89;
    }

    /* ----- FIN MENU D'ACCUEIL ------ */


    /* -------- APPARENCE CONTENU ------------*/


    TABLE.contentpaneopen {
    margin-top : 0.4cm;
    margin-left : 0.5cm;
    margin-right : 0.5cm;
    }

    TABLE.contentpaneopen {
    font-size : x-small;
    voice-family : "\"}\"";
    voice-family : inherit;
    font-size : small;
    }
    html>table.contentpaneopen
    font-size : small;
    }

    TABLE.contentpaneopen img{
    padding : 5px;
    }

    TABLE.contentpaneopen h3 {
    color : #8C0000;
    display : block;
    background-image : url(../images/h3.png);
    background-repeat : no-repeat;
    height : 35px;
    text-indent : 7px;
    padding-top : 10px;
    }

    TABLE.contentpaneopen ul {
    margin-left : 40px;
    padding-left : 0px;
    list-style-type : disc;
    list-style-image : url(../images/puce.png);
    }

    TABLE.contentpaneopen ul li {
    padding-top : 7px;
    }


    TABLE.contentpaneopen div.mosimage_caption {
    font-style : italic;
    font-size : 9px;
    }

    div.article {
    background: url(../images/BodyInfGauche.png) no-repeat left bottom;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    }

    div.article #div1 {
    background: url(../images/BodySupGauche.png) no-repeat left top;
    }

    div.article div #div2{
    background: url(../images/BodyInfDroit.png) no-repeat right bottom;
    }

    div.article div div #div3 {
    background: url(../images/BodySupDroit.png) no-repeat right top;
    padding: 0px 0px 10px 0px;
    /*width: auto !important;*/
    width: 100%;
    text-indent:10px;
    }

    .titre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #951A1D;
    }

    /* ---------- BANNIERE ---------- */

    TABLE.moduletable_graphics_banner TD{
    background-image: url(../images/banniere_graphics.png);
    background-repeat: no-repeat;
    height : 80px;
    width : 800px;
    }

    /* ---------- FIN BANNIERE ---------- */

    /* ---------- FOOTER ---------- */

    TABLE.moduletable_footer P {
    text-align: center;
    font-size: small !important;
    font-size: x-small;
    text-transform: capitalize;
    display: inline;
    }

    /* ---------- FIN FOOTER ---------- */
    Dernière édition par Slyy à 28/09/2006, 14h02

  • #2
    je viens de tester sous IE, tes modifis marchent bien, je peux resizer mes polices, par contre pas dans le menu horizontal. (alors que sous FF oui).
    une astuce est aussi d'utiliser les tailles em des polices pour permettre leur redimensionnement.
    cours de SVT - infos scientifiques : www.nicolas-ogier.fr
    pas de demandes d'aide par mp, elles seront systématiquement refusées !

    Commentaire


    • #3
      le menu horizontal dépend d'un autre CSS ( transmenu 2.0 ).
      Oui, mais alors pourquoi quand je vais sur le site avec IE, mes polices ne sont pas x-small??? elles apparaissent en small... ( sous entendu respectivement small et medium sous FF )

      J'avoue ne pas bien comprendre ta réponse...

      ( pffu il déchire ton site, j'adore... )
      Dernière édition par Slyy à 28/09/2006, 14h45

      Commentaire


      • #4
        salut à tous et à toutes,

        il voulait te dire que si tu ets la taille de la police en px (c'est dire fix) ça ne bougera pas, faut que tu utilises les valeur "em" ou le "%"

        un ex : 1em / 70%

        bien cordialement
        Agence web Joomla www.nartconcept.fr spécialisée en création de sites Joomla professionnels http://www.nartconcept.fr/services.html
        RT3 Framework : www.rt3.fr pour Joomla 1.7.x & 2.5

        Commentaire


        • #5
          Je crois que je ne suis pas très clair...

          Je voudrais que la taille de police par défaut sous IE soit x-small.
          Qu'elle soit resizable par l'utilisateur, je m'en fiche...

          Commentaire


          • #6
            le soucis est que chaque utilisateur peu définir la taille de ses polices xsmall dans son navigateur.
            chez moi le site sous IE est écris plus petit que celui sous FF.
            (ps un hack css pour ie est
            font-size:small!important;
            font-size:x-small;
            IE ne va garder que la 2nd déclaration et FF interprétera le !important
            Fichiers joints
            cours de SVT - infos scientifiques : www.nicolas-ogier.fr
            pas de demandes d'aide par mp, elles seront systématiquement refusées !

            Commentaire


            • #7
              ha ok, je voyais pas ça comme ça.
              merci pour tout ces précieux conseils alors!
              !!La route est loooongue en CSS!!

              EDIT : hum hum, je reviens a la charge. Pourquoi si je met par exemple 9px ( j'ai meme mis 30px pour tester ) en font-size à la place de x-small, la taille du texte reste inchangée sous IE...?
              Le truc, c'est que je veux finalement avoir une mise en page fixe, notamment au niveau de la police.
              Dernière édition par Slyy à 28/09/2006, 15h29

              Commentaire


              • #8
                Salut

                Parce que tu es en train de vouloir changer la taille de ta police dans un style qui ne se répercute pas dans les autres éléments.
                Par exemple ta class accueil fait 13px sous Firefox et 12pt sous IE.

                Si tu souhaites régler ton soucis, il faut que tu respectes les principe de base.
                On est en xhtml donc les balises sont en minuscules

                Pourquoi tu tapes des TABLE.class ?
                C'est ce créer des problémes pour rien.

                Si tu tiens absolument à mettre tous les navigateurs d'accord alors place simplement ceci dans ton css :

                Code PHP:
                * {font-size13px;} 
                Comme cela tu vas avoir la même taille partout et il te reste à mettre un font-size différent ou tu le souhaites.

                C'est plus simple et radical.

                Papounet

                PS : La véritable question est pourquoi on cherche à avoir la même chose ?
                Es-ce vraiment une nécessité ?
                Maintenant que je sais à peu près régler tous ces soucis, je me demande si c'est vraiment bien utile dans toutes les circonstances.
                I'am happy for you !
                Dernière réalisation : http://www.pierrickservais.com/

                Commentaire


                • #9
                  L'eternel débat "Faut-il avoir un style figé"...
                  En tout cas merci pour toutes vos précisions à tous, ca fait plaisir une communauté aussi active...

                  ( ouah! papounet m'a répondu!!! je suis touché par la grâce... )

                  Commentaire

                  Annonce

                  Réduire
                  1 sur 2 < >

                  C'est [Réglé] et on n'en parle plus ?

                  A quoi ça sert ?
                  La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                  Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                  Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                  Comment ajouter la mention [Réglé] à votre discussion ?
                  1 - Aller sur votre discussion et éditer votre premier message :


                  2 - Cliquer sur la liste déroulante Préfixe.

                  3 - Choisir le préfixe [Réglé].


                  4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                  2 sur 2 < >

                  Assistance au forum - Outil de publication d'infos de votre site

                  Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                  Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                  Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                  UTILISER À VOS PROPRES RISQUES :
                  L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                  Problèmes connus :
                  FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                  Installation :

                  1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                  Archive zip : https://github.com/AFUJ/FPA/zipball/master

                  2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                  3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                  4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                  5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                  6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                  et remplacer www. votresite .com par votre nom de domaine


                  Exemples:
                  Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                  Télécharger le script fpa-fr.php dans: /public_html/
                  Pour executer le script: http://www..com/fpa-fr.php

                  Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                  Télécharger le script fpa-fr.php dans: /public_html/cms/
                  Pour executer le script: http://www..com/cms/fpa-fr.php

                  En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                  Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                  Voir plus
                  Voir moins
                  Travaille ...
                  X