Mon site n'est pas bien cadrer sur firefox ??

raffaele -  
 raffaele -
Bonjours a tous j'ai fait récement un site http://grecosims.free.fr il ne fonctionne que sous le navigateur ie 7 sous les autres comme opera firefox ... il est pas bien vue, j'ai le cadrage qui est faux comment corriger ca ?

On ma dit que si tu le cadrer via firefox tu vera a 90% que les autres navigateur comme ie .. au rond la même chose que sous firefox

Pouvait-vous m'aider ?
Configuration: Windows XP
Internet Explorer 7.0

21 réponses

  • 1
  • 2
  1. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Bonjour,

    Et quel “cadrage” veux-tu ? En quoi est-il faux ?
    Qu'est-ce qui ne va pas ?

    Ah, il me semble que j'en aperçois un peu.
    Par exemple, ça :
    <li><a href="index.html">ACCUEIL</a></li>
    <img src="css/02.png"/>
    <li><a href="news.html">NEWS</a></li> 
    <img src="css/02.png"/>
    
    ça n'est pas permis.
    Rien d'autre que des <li> dans les <ul>.

    Le <a> n'est pas fermé :
    <h6>Best viewed: Internet Explore 7 | Copyright © 2007-2008 <a href="mailto:raff_webmaster@hotmail.fr">Grecosims</a></h6>
    Les “</br>” existent plutôt sous la forme “<br />”.

    Et ça :
    #menu
    {
    width: 100%;
    margin: left;
    text-align : center;
    }
    ça n'existe pas.

    Cette police “font-family: Ariel;” non plus.

    + Tes images sont vraiment trop lourdes.
    0
  2. raffaele
     
    Bonsoirs Gihef je te remerci de m'avoirs trouver qu'elle que fautes je les c'est corrigé "</br> et de grecosims</a> " maintenant il me reste le meta a faire a jours puis j'aimerait savoirs comment je peux positionner corectement le menu car ie il me l'affiche impec tendit que firefox ces l'oposé
    0
  3. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Fais une copie d'écran de ce que tu obtiens dans IE7 et qui te convient.
    Place quelque part, sur un serveur, et montre-la, donne l'adresse de cette image.
    Chez moi, le menu est râté et seul le logo GS (en haut) se déplace correctement lorsque je redimensionne la fenêtre.

    + Connais-tu quelqu'un qui saurait vérifier l'orthographe de tes textes ?
      (-;
    0
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    SALUT
    fait d abord les corrections que l on te dis de faire (Salut (-; Gihef)
    #menu
    {
    width: 100%;
    margin: left;
    text-align : center;
    }
    cela n EXISTE PAS!!!!!
    <ul class="sous_menu"> 
    
    <li><a href="index.html">ACCUEIL</a></li>
    <img src="css/02.png"/>
    <li><a href="news.html">NEWS</a></li> 
    <img src="css/02.png"/>
    <li><a href="downloads.html">DOWNLOADS</a></li> 
    <img src="css/02.png"/>
    <li><a href="faqs.html">FAQs</a></li> 
    <img src="css/02.png"/>
    <li><a href="partenaires.html">PARTENAIRES</a></li>
    <img src="css/02.png"/>
     </ul>
    rien d autre que des li dans les ul

    RAD

    0
  6. raffaele
     
    A pourquoi les <a je doit pas les mettre car il s'agit d'un menu avec des liens vers d'autre pages
    0
  7. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    les IMAGES pas les <a> :-))
    0
  8. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Et dans ton code, les <a> sont dans les <li> (ça, ça marche), ils ne sont pas directement dans la <ul>.
      <ul class="sous_menu"> 
        <li>
            <a href="index.html">ACCUEIL</a>
        </li>
      </ul>
    0
  9. raffaele
     
    A je doit faire comme ca mais les li allors elle me serve juste a montrer le texte
    0
  10. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Pas seulement.
    Tu peux mettre les images dans les <li>
      <li>
        <a href="index.html">ACCUEIL</a>
        <img src="css/02.png" />
      </li>
    
    ou
    
      <li>
        <img src="css/02.png" />
        <a href="index.html">ACCUEIL</a>
     </li>
    Elles ne sont pas dans la <ul>.

    Tu peux aussi faire un peu plus complliqué et te servir d'images en background des <a> qui sont dans les <li>.

    Tu en trouveras un exemple par ici.
    Et d'autres, avec une technique un peu différente et plus parlants, par là.
    0
    1. Gihef Messages postés 5165 Statut Contributeur 2 781
       
      J'ai oublié. À tester dans IE.
      0
  11. raffaele
     
    bonsoirs si je les mes en background qu'elle différence j'aurait ?
    0
  12. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Si c'est discret dans le 1er exemple, c'est visible dans le 2e.

    Utilise les menus comme en vrai.
    Vois-tu des différences entre les 2 menus ?

    Et puis tu sauras faire un truc nouveau (-;
    0
  13. raffaele
     
    C'est vraix que ton idée me plait mais maintenant reste a savoir comment le faire lol je vais chercher ^^ merci a toi gihef mais est-ce qu'il m'aidera aussi a régler le souci de mon menu l'emplacement ?
    0
  14. sasnak10 Messages postés 4 Date d'inscription   Statut Membre
     
    tu a besoin d'un css valide pour le navigateur firfox www.voir.ma
    0
  15. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Oui, je (nous) allons continuer à t'aider à résoudre ce problème. Ça ne sera pas long.
    Mais avant, montre-nous comment tu as mis en pratique la 1re solution (<img> dans les <li>) pour ton menu (avec ton texte et tes images).
    Sa place, son alignement importent peu. Ce que je veux voir, ce sont les images correctement placées dans les textes.
    Ensuite…

    Place une copie de la page modifiée sur ton serveur, pas une copie d'écran, et donne-nous l'adresse.
    0
  16. raffaele
     
    Bonjours donc je viens de mettre correctement du moins je pense avoirs mis correctement le li venant de ul

    <div id="menu">

    <ul class="sous_menu">

    <li><a href="index.html">ACCUEIL</a> <img src="css/02.png"/></li>
    <li><a href="news.html">NEWS</a> <img src="css/02.png"/></li>
    <li><a href="downloads.html">DOWNLOADS</a> <img src="css/02.png"/></li>
    <li><a href="faqs.html">FAQs</a> <img src="css/02.png"/></li>
    <li><a href="partenaires.html">PARTENAIRES</a> <img src="css/02.png"/></li>

    </ul>
    </div>

    Dit-moi si cela parrait juste ou faux merci ^^
    0
  17. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    SALUT

    juste pour soulager Gihef d un peu de travail ;-)) (salut Gihef)

    OUI C A Y EST ;-)

    bon moi j aurais ecrit comme ca pour plus de clarte mais bon c est un choix perso ;-)
    <div id="menu">
          <ul class="sous_menu">
            <li>
            <a href="index.html">ACCUEIL</a>
            <img src="css/02.png"/></li>
            <li>
            <a href="news.html">NEWS</a>
            <img src="css/02.png"/></li>
            <li>
            <a href="downloads.html">DOWNLOADS</a>
            <img src="css/02.png"/></li>
            <li>
            <a href="faqs.html">FAQs</a>
            <img src="css/02.png"/></li>
            <li>
            <a href="partenaires.html">PARTENAIRES</a>
            <img src="css/02.png"/></li>
          </ul>
        </div>


    RAD
    0
  18. raffaele
     
    Ouai ca me semble aussi bien comme ca ^^

    bon je vais corriger ce problème déja ^^
    0
  19. raffaele
     
    Bien voila j'ai fini la correction de li est a

    Un aperçu du code :

    <ul class="sous_menu">

    <li>
    <a href="index.html">ACCUEIL</a>
    <img src="css/img2.jpeg"/></li>
    <li>
    <a href="news.html">NEWS</a>
    <img src="css/img1.jpeg"/></li>
    <li>
    <a href="downloads.html">DOWNLOADS</a>
    <img src="css/img2.jpeg"/></li>
    <li>
    <a href="faqs.html">FAQs</a>
    <img src="css/img1.jpeg"/></li>
    <li>
    <a href="partenaires.html">PARTENAIRES</a>
    <img src="css/img2.jpeg"/></li>
    </ul>
    </div>
    0
  20. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Bon. Ça avance.

    J'avais envisagé de te donner quelques explications ici, mais ça risque d'être compliqué.
    Je te propose donc de consulter cette page où tu trouveras de quoi tester.
    0
  • 1
  • 2