Partage
  • Partager sur Facebook
  • Partager sur Twitter

probleme sur internet explorer

probleme de css

Sujet résolu
    6 mars 2007 à 21:50:20

    Bonjour, je suis entrain de creer un site pour l'entreprise de mon beau pere et je rencontre un probleme, le site s'affiche tres bien sur firefox mais sur internet explorer la partie de gauche et en dessous de tout je sais pas c'est quoi le probleme donc si vous pouvez regarder le code source du css et me dire ou je dois corriger les erreurs pour que le site puisse s'afficher correctement sa serait sympa.

    Adresse Temporaire:
    http://zep.3.free.fr/hallier%20dossier/Hallier/
    Fichier css
    http://zep.3.free.fr/hallier%20dossier/Hallier/style.css

    Merci d'avance pour toute proposition !!!
    • Partager sur Facebook
    • Partager sur Twitter
      6 mars 2007 à 21:59:14

      :-° En attendant qu'on trouve ton problème, tu pourais ptet enlever le : "Site valide XHTML - CSS" !
      • Partager sur Facebook
      • Partager sur Twitter
        6 mars 2007 à 22:33:37

        pourquoi tu veux que je retire site valde xhtml je vois pas en quoi sa te gene de plus le site est en construction donc c'est idiot de retirer un lien pour le remettre apres et comme je l'ai dis c'est une adresse temporaire !!
        • Partager sur Facebook
        • Partager sur Twitter
          7 mars 2007 à 0:49:20

          bon écoute j'ai fé un grand travail pour toi essaye de te débrouiller pour le reste je te donne le code il te reste que le pied de la page a ajouter.

          et un merci ça ne fera pas de mal.

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
             <head>
                         <title>SARL HALLIER</title>
                 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                     <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
             </head>

             <body>
             <table width="680" border="0" cellpadding="0" cellspacing="0" align="center">
                  <tr>
                              <td align="right" id="top_left"><a href="/">Accueil</a> | Info | Plan | Contacts</td>
                  </tr>
                          <tr>
                              <td>
                                      <table border="0" cellpadding="0" cellspacing="0" align="center" id="cadre_bl">
                             <tr>
                                       <td valign="top">
                                                   <table border="0" cellpadding="0" cellspacing="0" >
                                  <tr>
                                            <td id="en_tete">
                                                     <div class="menu_en_tete">
                                             <a href="/" alt="" /><img src="img/accueil.png" alt="menu"/></a>
                                 <a href="index1.html" alt="" /><img src="img/activites.png" alt="menu"/></a>
                                 <a href="index2.html" alt="" /><img src="img/services.png" alt="menu"/></a>
                                 <a href="index3.html" alt="" /><img src="img/partenaires.png" alt="menu"/></a>
                                 <a href="index4.html" alt="" /><img src="img/itineraire.png" alt="menu"/></a>
                                       </div>
                                                            </td>
                                  </tr>
                                                          <tr>
                                            <td>
                                                               <table width="620" border="0" cellpadding="0" cellspacing="0" align="center" id="padc">
                                         <tr>
                                                    <td width="250">
                                                                               <div id="menu">           
                     <img src="img/identite.png" width="200" alt="identite"/><br />
                                  <div class="element_menu_up">
                                     Gerante :<br />
                         MME HALLIER Catherine<br />
                                     Creation : 01/01/1984<br />
                                     Forme juridique :<br />
                                     SARL (204 000 &#8364;)<br />
                         Siège:<br />
                         57 - 59 rue Henri Dunant<br />
                         10800 Saint Julien Les Villas<br />
                         Tel: 03.25.71.30.29<br />
                         Fax: 03.25.82.58.08<br />
                         Mél: hallier.moteur@free.fr<br />
                              </div>
                                    
                          <img src="img/equipe.png" width="200" alt="equipe"/><br />
                                  <div class="element_menu_down">
                                     FORCE DE VENTE<br />
                         Equipe de 5 technico-commerciaux<br /><br />

                         ETUDE ET REALISATION<br />
                         3 techniciens-conseil<br />
                         1 automaticien<br /><br />

                         PRODUCTION ET MAINTENANCE<br />
                         17 bobineurs et électromécaniciens<br />
                     </div>     
                 </div>
                          </td>
                                                                            <td HEIGHT="430" valign="top">
                                                                            <div id="corps_up">
                        <div class="text_corps_up">
                      <img src="img/presentation.png" width="200" alt="presentation"/><br />            
                         <b>Bienvenue sur le site de la societe Hallier,</b><br />
                      Depuis 1947, la société Hallier, entreprise de service pour le rebobinage et le négoce de moteurs, variateurs et pompes,
                      dispose de 3 sites (à Saint Julien, Reims et Ancerville) pour la réalisation de tous vos projets et l'amélioration de vos parcs moteurs.
                             </div>
                             <div class="horaire_corps_up">
                                 <img src="img/horaires.png" width="200" alt="horaires"/><br />
                      <b>Ouverture</b>
                      Toute l'année  <br />
                      du lundi au vendredi de 8h à 12h et de 14h à 18h  <br /><br />

                     <b>Fermeture</b>
                      les samedi et dimanche toute la journée
                            </div>
                 </div>
                          
                     <div id="corps_down">
                       <div class="text_corps_down">
                         <img src="img/gammes.png" width="200" alt="gammes"/><br />
                           <b>Les principales gammes de produits sont :</b><br />
                          - MOTEURS<br />
                          - MOTOREDUCTEURS<br />
                          - POMPES<br />
                          - VENTILATEURS<br />
                          - DEMARREURS<br />
                          - VARIATEURS<br />
                          - AUTOMATISME SIEMENS<br />
                          - APPAREILLAGE ABB ENTRELEC<br />
                       </div>
                     </div>
          </div>
                                                                            </td>
                                        </tr>
                                       </table>
                                                            </td>      
                                  </tr>
                               </table>
                                                    
                                                  </td>
                             </tr>
                          </table>
                                  </td>
                  </tr>
             </table>
           

             </body>
          </html>


          BODY
          {
                  width: 680px;  MARGIN: auto; padding-top:20px; FONT: 10px Verdana; BACKGROUND: url(img/bg.png) center;
                  BACKGROUND-repeat: repeat-y; background-color:#607db4;
          }

          #top_left {
                   COLOR: #8da362
          }
          #cadre_bl {
                  BACKGROUND: url(img/fond.png); BACKGROUND-repeat: no-repeat; MARGIN: auto; WIDTH: 680px; HEIGHT: 650px
          }
          #en_tete {
                  BACKGROUND: url(img/baniere.png); BACKGROUND-repeat: no-repeat; MARGIN: auto; WIDTH: 680px; HEIGHT: 160px
          }




          .menu_en_tete IMG {
                  BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 127px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 40px; BORDER-RIGHT-WIDTH: 0px
          }
          #menu {
                  BACKGROUND: url(img/cadre_left.png);BACKGROUND-repeat: no-repeat; WIDTH: 250px; HEIGHT: 430px
          }
          #menu IMG {
                  MARGIN-TOP: 15px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 20px
          }
          .element_menu_up {
                  FONT-SIZE: 10px; MARGIN-LEFT: 95px; FONT-FAMILY: Tahoma
          }
          .element_menu_down {
                  MARGIN-BOTTOM: 20px; MARGIN-LEFT: 95px; MARGIN-RIGHT: 20px
          }
          #corps_up {
                  BACKGROUND: url(img/corps_up.png); BACKGROUND-repeat: no-repeat; WIDTH: 400px; HEIGHT: 250px
          }
          .text_corps_up {
                  MARGIN-BOTTOM: 10px; MARGIN-LEFT: 90px; MARGIN-RIGHT: 80px
          }
          .horaire_corps_up {
                  MARGIN-BOTTOM: 10px; MARGIN-LEFT: 10px; MARGIN-RIGHT: 90px
          }
          .horaire_corps_up IMG {
                  MARGIN-LEFT: 5px; MARGIN-RIGHT: 90px
          }
          #corps_down {
                  BACKGROUND: url(img/corps_down.png); BACKGROUND-repeat: no-repeat; WIDTH: 400px; HEIGHT: 170px
          }
          .text_corps_down {
                  MARGIN: 5px 90px 10px
          }
          #pied_de_page {
                  COLOR: #8da362; TEXT-ALIGN: center
          }
          A:hover {
                  COLOR: #5d7ab1; TEXT-DECORATION: underline
          }
          A {
                  COLOR: #8da362; TEXT-DECORATION: none
          }
          • Partager sur Facebook
          • Partager sur Twitter
          Anonyme
            7 mars 2007 à 2:01:48

            Citation : bouro

            bon écoute j'ai fé un grand travail pour toi essaye de te débrouiller pour le reste je te donne le code il te reste que le pied de la page a ajouter.

            et un merci ça ne fera pas de mal.


            Y'a peut-être une partie de l'histoire que j'ai loupé mais :
            • Laisses-lui au moins le temps de répondre pour te remercier. Si il ne te remercie pas dans sa réponse, alors tu pourras lui faire la remarque...
            • Pourquoi tu balances un code (xHTML) aussi gros pour un problème qui ne concerne que l'alignement d'une partie ?
            • On t'as jamais dit que les tableaux ne devait pas être employés pour la mise en page ?
            • Personnellement, je trouve ton code (xHTML encore) hyper crade et très difficile à comprendre/maintenir.
            • Les balises <b></b> sont inutiles, pour mettre en gras on utilise le CSS.

            Personnellement toujours, je vois aucune raison de te remercier pour ce code immonde...
            Le sien est bien plus propre et clair !

            Par contre, niveau CSS tu as un gros problème Zep ! Chez moi, sur IE tout ton site est complétement décalé et les différents bloc sont répétés.
            Bref c'est attroce, mais sur FF y'a aucun problème (si ce n'est que ton site n'est pas valide).
            • Partager sur Facebook
            • Partager sur Twitter
              7 mars 2007 à 4:46:23

              Citation : bouro

              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
                 <head>
                             <title>SARL HALLIER</title>
                     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                         <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
                 </head>

                 <body>
                 <table width="680" border="0" cellpadding="0" cellspacing="0" align="center">
                      <tr>
                                  <td align="right" id="top_left"><a href="/">Accueil</a> | Info | Plan | Contacts</td>
                      </tr>
                              <tr>
                                  <td>
                                          <table border="0" cellpadding="0" cellspacing="0" align="center" id="cadre_bl">
                                 <tr>
                                           <td valign="top">
                                                       <table border="0" cellpadding="0" cellspacing="0" >
                                      <tr>
                                                <td id="en_tete">
                                                         <div class="menu_en_tete">
                                                 <a href="/" alt="" /><img src="img/accueil.png" alt="menu"/></a>
                                     <a href="index1.html" alt="" /><img src="img/activites.png" alt="menu"/></a>
                                     <a href="index2.html" alt="" /><img src="img/services.png" alt="menu"/></a>
                                     <a href="index3.html" alt="" /><img src="img/partenaires.png" alt="menu"/></a>
                                     <a href="index4.html" alt="" /><img src="img/itineraire.png" alt="menu"/></a>
                                           </div>
                                                                </td>
                                      </tr>
                                                              <tr>
                                                <td>
                                                                   <table width="620" border="0" cellpadding="0" cellspacing="0" align="center" id="padc">
                                             <tr>
                                                        <td width="250">
                                                                                   <div id="menu">           
                         <img src="img/identite.png" width="200" alt="identite"/><br />
                                      <div class="element_menu_up">
                                         Gerante :<br />
                             MME HALLIER Catherine<br />
                                         Creation : 01/01/1984<br />
                                         Forme juridique :<br />
                                         SARL (204 000 &#8364;)<br />
                             Siège:<br />
                             57 - 59 rue Henri Dunant<br />
                             10800 Saint Julien Les Villas<br />
                             Tel: 03.25.71.30.29<br />
                             Fax: 03.25.82.58.08<br />
                             Mél: hallier.moteur@free.fr<br />
                                  </div>
                                       
                              <img src="img/equipe.png" width="200" alt="equipe"/><br />
                                      <div class="element_menu_down">
                                         FORCE DE VENTE<br />
                             Equipe de 5 technico-commerciaux<br /><br />

                             ETUDE ET REALISATION<br />
                             3 techniciens-conseil<br />
                             1 automaticien<br /><br />

                             PRODUCTION ET MAINTENANCE<br />
                             17 bobineurs et électromécaniciens<br />
                         </div>     
                     </div>
                              </td>
                                                                                <td HEIGHT="430" valign="top">
                                                                                <div id="corps_up">
                            <div class="text_corps_up">
                          <img src="img/presentation.png" width="200" alt="presentation"/><br />             
                             <b>Bienvenue sur le site de la societe Hallier,</b><br />
                          Depuis 1947, la société Hallier, entreprise de service pour le rebobinage et le négoce de moteurs, variateurs et pompes,
                          dispose de 3 sites (à Saint Julien, Reims et Ancerville) pour la réalisation de tous vos projets et l'amélioration de vos parcs moteurs.
                                 </div>
                                 <div class="horaire_corps_up">
                                     <img src="img/horaires.png" width="200" alt="horaires"/><br />
                          <b>Ouverture</b>
                          Toute l'année  <br />
                          du lundi au vendredi de 8h à 12h et de 14h à 18h  <br /><br />

                         <b>Fermeture</b>
                          les samedi et dimanche toute la journée
                                </div>
                     </div>
                               
                         <div id="corps_down">
                           <div class="text_corps_down">
                             <img src="img/gammes.png" width="200" alt="gammes"/><br />
                               <b>Les principales gammes de produits sont :</b><br />
                              - MOTEURS<br />
                              - MOTOREDUCTEURS<br />
                              - POMPES<br />
                              - VENTILATEURS<br />
                              - DEMARREURS<br />
                              - VARIATEURS<br />
                              - AUTOMATISME SIEMENS<br />
                              - APPAREILLAGE ABB ENTRELEC<br />
                           </div>
                         </div>
              </div>
                                                                                </td>
                                            </tr>
                                           </table>
                                                                </td>     
                                      </tr>
                                   </table>
                                                       
                                                      </td>
                                 </tr>
                              </table>
                                      </td>
                      </tr>
                 </table>
               

                 </body>
              </html>




              Ton code est déguelasse, mais c'est sympa de l'avoir fait ;)
              • Partager sur Facebook
              • Partager sur Twitter
                7 mars 2007 à 16:42:13

                bein vas y montre moi ce que tu peux faire comme c'est dégeu mon code
                • Partager sur Facebook
                • Partager sur Twitter
                  7 mars 2007 à 17:28:03

                  Bonjour je viens de rentré du travail donc voila desolée de ne pa s avoir repondu avant sinon jean mich je sais que j'ai un probleme avec mon css c'est le pourquoi de ce post :) car j'ai creer le site et je verifiais sur ff et pas sur ie et a la fin j'ai vu que sur ie il etait tout decalé je vais voir ce qu' as fait bouro, je vais le remettre en ordre et je vous redis tous sa en tous cas merci bouro pour ton taff sa fais plaisir.

                  Je vais essayer aussi de me l'appropier car je n'utilise pas de table dans mon html car je ne sais pas m'en servir, je vais essayer de voir tous sa.

                  Voila encore merci et a bientot
                  • Partager sur Facebook
                  • Partager sur Twitter
                  Anonyme
                    7 mars 2007 à 20:55:08

                    @Zep : N'utilise surtout pas de tableaux pour ta mise en page !!!
                    Un tableau doit être réservé à la présentation de données tabulaires et en aucun cas à la mise en page de ton site !!!

                    Sinon je disait que tu as un gros problème CSS non seulement parce que les blocks se décallent mais aussi se répétent ^^ . Ce que je trouve plutôt bizarre...


                    @bouro : On utilise que des <div> et surtout pas de tableaux. Ton code est complétement incompréhensible, c'est du bidouillage d'imbrication de tableaux dans des lignes et cellules d'autres tableaux...

                    J'imagine même pas l'horreur pour maintenir ce code 6 mois après l'avoir écrit !
                    Sans oublier que tout ce bidouillage "on-ne-peut-plus-crade" est totalement inutile, puisque quelques <div> correctement agencés suffisent amplement.

                    Bref ton code est dégueulasse c'est tout.
                    • Partager sur Facebook
                    • Partager sur Twitter
                      7 mars 2007 à 21:00:33

                      oui je pense que tu as raison jean mich car je n'arrive pas du tout a mi retrouvé j'essaye mais bon je vais essayer de m'en aider quand meme pour trouvé mon erreur de css , si quelque peut corriger l'erreur toujours preneur :) sans modifier la structure :p
                      • Partager sur Facebook
                      • Partager sur Twitter
                        7 mars 2007 à 21:06:44

                        Citation : bouro

                        bein vas y montre moi ce que tu peux faire comme c'est dégeu mon code


                        Une belle mentalité... On dirait un gamin en maternelle qui s'embrouille avec un autre gamin :
                        "Si mon dessin il est pas beau alors fais-en un mieux, NA !".
                        Pathétique :s.
                        Jean_Mich a tout simplement constaté que ton code est extremement moche (il n'a pas tord du tout), et t'as donner un conseil pour y remédier : ne pas utiliser les tableaux pour la mise en page (il n'a encore pas tord), et c'est d'ailleurs bien gentil de sa part.
                        • Partager sur Facebook
                        • Partager sur Twitter
                        Anonyme
                          7 mars 2007 à 21:10:02

                          Si ça peut t'aider, voici le résultat chez moi sur FF et IE 6 en 1280x960 :

                          FF = http://img50.imageshack.us/img50/1496/01ffvk9.jpg
                          IE 6 = http://img50.imageshack.us/img50/440/01ie6fc9.jpg


                          EDIT : Reset aussi tes marges intérieures/extérieures au début de ta feuille de style =

                          *
                          {
                           margin : 0px;
                           padding : 0px;
                          }

                          Les navigateurs ont des marges différentes par défaut, avec ça, tu imposes tes propres marges à tous les éléments (bien sûr, tu dois toutes les définir).
                          • Partager sur Facebook
                          • Partager sur Twitter
                            7 mars 2007 à 21:17:20

                            Chez moi il y a un petit bout de texte qui est décalé, va savoir pourquoi :/
                            (1024*768, Firefox)

                            http://img78.imageshack.us/img78/5835/decalagejv3.jpg

                            Au passage, j'aime bien ton design :).
                            • Partager sur Facebook
                            • Partager sur Twitter
                              7 mars 2007 à 21:37:45

                              Je suis daccord pour les tableaux mais il ya des manières pour le dire. faut pas être méchant moi j'essaye juste d'aider c'est tout voila.
                              • Partager sur Facebook
                              • Partager sur Twitter
                                7 mars 2007 à 21:37:45

                                Le decalage du texte chez drk c'est normal car tu as une resolution en 1024x768 moi je suis en 1280x1024 j'aimerais aussi corriger ce probleme.
                                Merci pour le design :) c'est le seul que j'arrive a gerer (photoshop)
                                donc d'apres ce que tu me dis "Jean_Mich" je dois rajouter
                                margin : 0px;
                                padding : 0px;
                                dans toutes les divs de mon fichier css?

                                Et jean mich sur ie 7 le resultat est un peu mieux :) pourquoi ie sa existe!!! lol
                                • Partager sur Facebook
                                • Partager sur Twitter
                                Anonyme
                                  7 mars 2007 à 21:55:32

                                  Citation : bouro

                                  il ya des manières pour le dire. faut pas être méchant


                                  Citation : bouro

                                  et un merci ça ne fera pas de mal.


                                  Il ne t'avais même pas encore répondu...
                                  Enfin, ne nous attardons pas sur ce sujet.

                                  @Zep : Non, tu doit le mettre une seule foi tout au début de ton fichier CSS pour que toutes les balises héritent de ces deux propriétés. Ensuite, tu redéfinis tes marges pour chaque élément qui en à besoin.

                                  *
                                  {
                                   margin : 0px;
                                   padding : 0px;
                                  }

                                  body
                                  {
                                  /* Reste de ton code CSS..... */

                                  • Partager sur Facebook
                                  • Partager sur Twitter
                                    7 mars 2007 à 22:58:44

                                    Salut,

                                    C'est juste un mal entendu, vous avez mal compris.

                                    Voila je t'ai fais un autre code sans tableau chez moi il marche bien juste il ya un beugue des photos elles sont pas transparentes.

                                    et je crois que tu dois redimensionner tes photos (les titres) leur largeur.

                                    j'epere que ce code va t'apporter de l'aide, bon courage.

                                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
                                    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
                                       <head>
                                           <title>Mon super site</title>
                                           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                                               <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" />
                                       </head>

                                       <body>
                                           
                                           <div id="top_left">
                                            <a href="/">Accueil</a> | Info | Plan | Contacts   
                                           </div>
                                              
                                               <div id="cadre_bl">
                                           <!-- L'en-tête -->
                                           <div id="en_tete">
                                                 <div class="menu_en_tete">
                                                            <a href="/" alt="" /><img src="img/accueil.png" alt="menu"/></a>
                                                <a href="index1.html" alt="" /><img src="img/activites.png" alt="menu"/></a>
                                                <a href="index2.html" alt="" /><img src="img/services.png" alt="menu"/></a>
                                                <a href="index3.html" alt="" /><img src="img/partenaires.png" alt="menu"/></a>
                                                <a href="index4.html" alt="" /><img src="img/itineraire.png" alt="menu"/></a>
                                                     </div>
                                           </div>

                                           <!-- Les menus -->

                                           <div id="menu">           
                                               <img src="img/identite.png" width="200" alt="identite"/><br />
                                                            <div class="element_menu_up">
                                                               Gerante :<br />
                                                   MME HALLIER Catherine<br />
                                                               Creation : 01/01/1984<br />
                                                               Forme juridique :<br />
                                                               SARL (204 000 &#8364;)<br />
                                                   Siège:<br />
                                                   57 - 59 rue Henri Dunant<br />
                                                   10800 Saint Julien Les Villas<br />
                                                   Tel: 03.25.71.30.29<br />
                                                   Fax: 03.25.82.58.08<br />
                                                   Mél: hallier.moteur@free.fr<br />
                                                        </div>
                                                              
                                                    <img src="img/equipe.png" width="200" alt="equipe"/><br />
                                                            <div class="element_menu_down">
                                                               FORCE DE VENTE<br />
                                                   Equipe de 5 technico-commerciaux<br /><br />

                                                   ETUDE ET REALISATION<br />
                                                   3 techniciens-conseil<br />
                                                   1 automaticien<br /><br />

                                                   PRODUCTION ET MAINTENANCE<br />
                                                   17 bobineurs et électromécaniciens<br />
                                               </div>     
                                           </div>

                                           <!-- Le corps -->
                                    <div id="corps_up">
                                                  <div class="text_corps_up">
                                                <img src="img/presentation.png" width="200" alt="presentation"/><br />            
                                                   <b>Bienvenue sur le site de la societe Hallier,</b><br />
                                                Depuis 1947, la société Hallier, entreprise de service pour le rebobinage et le négoce de moteurs, variateurs et pompes,
                                                dispose de 3 sites (à Saint Julien, Reims et Ancerville) pour la réalisation de tous vos projets et l'amélioration de vos parcs moteurs.
                                                       </div>
                                                       <div class="horaire_corps_up">
                                                           <img src="img/horaires.png" width="200" alt="horaires"/><br />
                                                <b>Ouverture</b>
                                                Toute l'année  <br />
                                                du lundi au vendredi de 8h à 12h et de 14h à 18h  <br /><br />

                                               <b>Fermeture</b>
                                                les samedi et dimanche toute la journée
                                                      </div>
                                           </div>
                                                    
                                               <div id="corps_down">
                                                 <div class="text_corps_down">
                                                   <img src="img/gammes.png" width="200" alt="gammes"/><br />
                                                     <b>Les principales gammes de produits sont :</b><br />
                                                    - MOTEURS<br />
                                                    - MOTOREDUCTEURS<br />
                                                    - POMPES<br />
                                                    - VENTILATEURS<br />
                                                    - DEMARREURS<br />
                                                    - VARIATEURS<br />
                                                    - AUTOMATISME SIEMENS<br />
                                                    - APPAREILLAGE ABB ENTRELEC<br />
                                                 </div>
                                               </div>
                                    </div>
                                           

                                           <!-- Le pied de page -->
                                    <div id="pied_de_page">
                                             <p>Copyright &#169; SARL Hallier<br/>
                                                Site web valide <a href="http://validator.w3.org/check?uri=referer">XHTML</a> et <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://zep.3.free.fr/hallier%20dossier/Hallier/style.css">CSS</a>
                                             </p>
                                           </div>
                                           

                                       </body>
                                    </html>



                                    body
                                    {
                                       width: 760px;
                                       margin: auto;
                                       margin-top: 20px;
                                       margin-bottom: 20px;   
                                       BACKGROUND: url(img/bg.png) #607db4 repeat-y center 50%;
                                       FONT: 10px Verdana;
                                       COLOR: #000;
                                    }

                                    #top_left
                                    {

                                      margin-bottom: 5px;
                                      COLOR: #8da362;
                                      text-align: right;
                                    }

                                    #cadre_bl
                                    {

                                            BACKGROUND: url(img/fond.png);
                                            BACKGROUND-repeat: no-repeat;
                                            MARGIN: auto;
                                            WIDTH: 680px;
                                            HEIGHT: 650px
                                    }

                                    #en_tete
                                    {

                                       WIDTH: 680px;
                                       HEIGHT: 160px;
                                       background-image: url("img/baniere.png");
                                       background-repeat: no-repeat;
                                       margin-bottom: 5px;
                                    }
                                    .menu_en_tete IMG
                                    {
                                            BORDER-TOP-WIDTH: 0px;
                                            MARGIN-TOP: 127px;
                                            BORDER-LEFT-WIDTH: 0px;
                                            BORDER-BOTTOM-WIDTH: 0px;
                                            MARGIN-BOTTOM: 5px;
                                            MARGIN-LEFT: 40px;
                                            BORDER-RIGHT-WIDTH: 0px
                                    }

                                    /* Le menu */

                                    #menu
                                    {

                                       float: left;
                                       width: 250px;
                                       HEIGHT: 450px;
                                       BACKGROUND: url(img/cadre_left.png);
                                       background-repeat: no-repeat;
                                       MARGIN-LEFT: 13px;
                                    }
                                    #menu IMG {
                                            MARGIN-TOP: 15px;
                                            MARGIN-BOTTOM: 5px;
                                            MARGIN-LEFT: 20px
                                    }

                                    .element_menu_up {
                                            FONT-SIZE: 10px;
                                            MARGIN-LEFT: 95px;
                                            FONT-FAMILY: Tahoma
                                    }
                                    .element_menu_down {
                                            MARGIN-BOTTOM: 20px;
                                            MARGIN-LEFT: 95px;
                                            MARGIN-RIGHT: 20px
                                    }


                                    /* Le corps de la page */

                                    #corps_up {
                                            BACKGROUND: url(img/corps_up.png);
                                            background-repeat: no-repeat;
                                            MARGIN-LEFT: 260px;
                                            WIDTH: 400px;
                                            HEIGHT: 250px;
                                    }
                                    .text_corps_up {
                                            MARGIN-BOTTOM: 10px;
                                            MARGIN-LEFT: 90px;
                                            MARGIN-RIGHT: 80px
                                    }
                                    .horaire_corps_up {
                                            MARGIN-BOTTOM: 10px;
                                            MARGIN-LEFT: 10px;
                                            MARGIN-RIGHT: 90px
                                    }
                                    .horaire_corps_up IMG {
                                            MARGIN-LEFT: 5px;
                                            MARGIN-RIGHT: 90px
                                    }
                                    #corps_down {
                                            BACKGROUND: url(img/corps_down.png);
                                            MARGIN-BOTTOM: 10px;
                                            MARGIN-LEFT: 260px;
                                            WIDTH: 400px;
                                            HEIGHT: 170px
                                    }
                                    .text_corps_up {
                                            MARGIN-top: 10px;
                                            MARGIN-BOTTOM: 10px;
                                            MARGIN-LEFT: 90px;
                                            MARGIN-RIGHT: 80px
                                    }

                                    .text_corps_down {
                                            MARGIN: 5px 90px 10px
                                    }

                                    /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

                                    #pied_de_page {
                                            COLOR: #8da362;
                                            TEXT-ALIGN: center
                                    }
                                    A:hover {
                                            COLOR: #5d7ab1;
                                            TEXT-DECORATION: underline
                                    }
                                    A {
                                            COLOR: #8da362;
                                            TEXT-DECORATION: none
                                    }
                                    • Partager sur Facebook
                                    • Partager sur Twitter
                                      7 mars 2007 à 23:25:16

                                      Je viens de regarder ce que sa rend et les cadres au milieu du site sont trop a gauche je vais modifier ceci et voir pour les titres qui sont en images pour reduire leur taille et je vous montrerais le resultat

                                      Merci bouro encore !!!

                                      Dsl pour le double post mais je viens de me rendre compte que pour ie6 je dois mettre mes images en gif et non en png, sinon j'ai toujours le meme probleme avec tes fichiers bouro je vais essayer de faire le site avec dreamweaver pour corriger les erreurs parce que notepadd c'est bien mais quand sa marche :)
                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                        8 mars 2007 à 11:10:20

                                        Zen je veux bien t'aider, si tu veux envoie moi tes photos avec les bonnes taille et je te fais ta page compatible avec ie et ff.
                                        • Partager sur Facebook
                                        • Partager sur Twitter
                                          8 mars 2007 à 11:29:57

                                          dans le ftp tu as lé fichier en psd donc si tu as photoshop tu peux modifier les tailles des images et le format sinon dis moi la taille des images que tu veux et le format et je te fais sa parce que la je deviens desesperé meme avec dreamweaver sa part dans tous les sens :s
                                          Adresse des images du site et psd
                                          http://zep.3.free.fr/hallier%20dossier/Hallier/img/

                                          J'espere que tu as photoshop!! :)

                                          c'est sympa de ta part de vouloir m'aider bouro

                                          edit: Je viens de corriger les erreurs sous ie7 mais sur ie6 je ne peux pas voir car je ne l'ai plus quelqu'un peut m'envoyer un copie ecran que je corige les problemes d'images.

                                          Merci d'avance. Je sens la fin de la premiere page :p sa fais plaisir

                                          Je pense que vous pouvez cloturer ce post je viens de trouver un site pour voir l'aspect sous tous lé navigateurs, merci a tous pour votre aide. C'etait un probleme de taille d'image, merci encore

                                          Pour tester sur tous les navigateurs
                                          http://www.totalvalidator.com/
                                          • Partager sur Facebook
                                          • Partager sur Twitter
                                            8 mars 2007 à 16:45:34

                                            Bon voila je t'ai fais un code compatible avec ff et ie.
                                            Maintenant t'as juste a refaire les effets sur les images j'ai pas voulu les faire comme ça tu les fais a ton goût.

                                            voila ce que ca donne sur ff et ie:

                                            http://s172524412.onlinehome.fr/firefox.jpg

                                            http://s172524412.onlinehome.fr/explorer.jpg

                                            Tu peux télécharger le zip ou il ya tout les fichiers et les images :

                                            http://s172524412.onlinehome.fr/bouro.rar


                                            Bonne chance.
                                            • Partager sur Facebook
                                            • Partager sur Twitter
                                              8 mars 2007 à 20:33:13

                                              Merci beaucoup j'avais reussi a le faire compatible ie 7 et ff, je sais pas si je vais utiliser ton dossier en tous cas je le garde sur mon pc et quand j'aurais le temps de rendre le site compatible ie6 je regarderais ton dossier, si tu peux m'envoyer les fichiers psd aussi des images sa serait sympa.

                                              Encore merci
                                              • Partager sur Facebook
                                              • Partager sur Twitter
                                                8 mars 2007 à 20:36:34

                                                il ya tout les fichiers et photo dedans malheureusement j'ai pas gardé les psd.

                                                ps: il est compatible avec ie7 et 6 et ff.

                                                http://s172524412.onlinehome.fr/bouro.rar

                                                de rien :)
                                                • Partager sur Facebook
                                                • Partager sur Twitter
                                                  9 mars 2007 à 8:58:47

                                                  Ok ba je vais utiliser juste limage de fond et les images du menu de la baniere car le reste est deja compatible pour ie6 etc... je clot le sujet

                                                  Merci a tous
                                                  • Partager sur Facebook
                                                  • Partager sur Twitter

                                                  probleme sur internet explorer

                                                  × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                                  × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                                                  • Editeur
                                                  • Markdown