Vous n'êtes pas identifié.

Annonce

#1 Aide Creation Site du 19-05-2008 22:49:25

20-100
c00lnaute nouveau
Date d'inscription: 19-05-2008
Messages: 21

Aide Creation Site

salut
j'ai fait une page web ais le probleme c'est quelle ne marche que tu firefox par sur ie le corp n'est pas pareil

j'ai besoin de vous pour :

1: rentre la page web visible comme sur firefox sur Ie

2: rendre le corps et le menu de la page extensible

j'aimerais que ma page soit comme sa ur ie et sur firefox:

Cliquez pour fermer


voici mes code:

MON HTML

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   
         <head>
   
                 <title>Reptiland.com</title>
   
             <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   
             <link rel="stylesheet" media="screen" type="text/css" title="accueil" href="accueil.css" />
   
         </head>
          
<body> 
<div id="conteneur">
 <a class="baniere" href="accueil.html" title="Cliquez ici pour revenir à l'accueil">

  <img src="http://images0.hiboox.com/images/1908/vsv4kh61.jpg" />
 </a>
  <div id="menu">
    <div class="element_menu">
        <h3>MENU</h3> <!-- Titre du sous-menu -->
      <a class="mes_reptiles" href="reptiles.html" title="Cliquez ici pour decouvrir mes reptiles"></a>
      <a class="mes_dispo" href="dispo.html" title="Cliquez ici pour decouvrir mes reptiles à vendre"></a>
      <a class="mes_instalation" href="instalation.html" title="Cliquez ici pour decouvrir mes terrariums"></a> 
    </div>

  </div>
  
  <div id="corps">
     <!-- Ici on mettra le contenu principal de la page  -->
     <h1>Bienvenue</h1>
    <p>Bonjour et bienvenue sur mon nouveau site,<br />
     ici je vous présente ma passion pour les reptiles.</p>
  </div>


  <div id="pied_de_page">
     <!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
     <p>Copyright 2008, tous droits réservés</p>
     
  </div>
  </div>

</body>
</html>

mon css

Code:

body
      {
      width: 100%;
   margin: 0 auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
   background: url("http://images3.hiboox.com/images/1708/fqlq67xu.jpg") repeat-x;
  /*  margin-bottom:0px;*/
    
  }
  
  
  
 #conteneur {
  position : relative;
  margin: 0 5%;
/*  width : 1130px;*/
  
/*  background: url(images/5kwst7r1.jpg) 280px 380px repeat-x;*/
  }

  .baniere {
/*  display: block;
  width: 100%;
  height: 380px;
  margin: auto;*/
/*  background: url(images/i8vygbxt2.jpg) no-repeat;
  margin-left: 280px;*/
  }

  .baniere img {
  display: block;
  width: 100%;
  margin : 0;
  }

 #menu {
float : left;
  width: 280px;
  height: 718px;
  background-repeat: no-repeat;
  background: url(http://images0.hiboox.com/images/1908/5kwst7r1.jpg) 0 0 no-repeat;
/*  margin-left: 30px;
  border-bottom: 4px ridge #6f3b02;
  border-left:4px ridge #6f3b02;*/
  margin-top:0px;
  margin-right:20px
  }
#menu h3 {
  margin-top : 0;
  text-align : center;
  }

#corps {
 width: 76%;
   height: 100%;
margin-top : 20px;
background-color: #a0522d;
 position : relative;
  margin-left: 305px;
  min-height: 718px; 
 
  }
 

#pied_de_page {
  clear : left;
  text-align : center;
  background-color: #ddd;
  }
   
   .mes_reptiles
{
display: block;/*pour que l'ensemble soit cliquable et pas seulement le texte du lien*/
width: 220px;
height: 194px; /*remplace par les dimensions de l'image*/
background: url(http://images0.hiboox.com/images/2008/wcky5sie.gif);
background-repeat: no-repeat;
margin-left:30px;
margin-bottom:20px; 
   }
   
   .mes_reptiles:hover /*pasag souri*/
   {
   background: url(http://images0.hiboox.com/images/2008/1yw0b0se.gif);
   background-repeat: no-repeat;
   }

   .mes_dispo
   {
display: block;/*pour que l'ensemble soit cliquable et pas seulement le texte du lien*/
width: 220px;
height: 194px; /*remplace par les dimensions de l'image*/
background: url(http://images0.hiboox.com/images/2008/c10hobul.gif);
background-repeat: no-repeat;
margin-left:30px;
margin-bottom:20px; 


   }
   
    .mes_dispo:hover /*pasag souri*/
   {
   background: url(http://images0.hiboox.com/images/2008/dhxz5nah.gif);
   background-repeat: no-repeat;
   }
  
  .mes_instalation
   {
display: block;/*pour que l'ensemble soit cliquable et pas seulement le texte du lien*/
width: 220px;
height: 194px; /*remplace par les dimensions de l'image*/
background: url(http://images0.hiboox.com/images/2008/972sa3kt.gif);
background-repeat: no-repeat;
margin-left:30px


   }
   
    .mes_instalation:hover /*pasag souri*/
   {
   background: url(http://images0.hiboox.com/images/2008/kfiixyrf.gif);
   background-repeat: no-repeat;
   }
      a img
      { 
      border: none;/*enleve les bordure des  image lien*/
      }

merci de votre futur aide

++
++


Hors ligne

 

19-05-2008 22:49:25

Mister $$$


#2 Re Aide Creation Site du 20-05-2008 00:52:56

Tourian
c00lnaute accrot
Lieu: Côte d'azur
Date d'inscription: 27-03-2008
Messages: 344
Site web

Re: Aide Creation Site

Est-il possible d'obtenir un lien pour observer ta page sur IE puis sur FireFox ... ? Personnellement je préfère voir la page et réagir en fonction de ce que je vois plutôt que de devoir lire un texte source...
Je viens de voir que ton code permet un émulation facile...

J'ai trouvé une solution en 1 minute, mais comme c'est avec un tableau (et quelques complications au passage lol ), je ne poste pas ma solution. Il paraît qu'il faut éviter de créer un site basé sur des tableau... Dans ce cas, je pense que d'autre personnes plus qualifiées que moi pourront trouver une solution plus adaptée (je ne citerai ni mic54800, ni c00lman)...

Je n'ai pas compris ton (2), pourrais-tu t'expliquer ? (sauf si tu veux dire que tu veux que le menu se rallonge et que le cors aussi pour obtenir le visuel que tu voulais)

Bonne chance big_smile


http://tourian.free.fr/images/Belldandy_forum.jpg

Hors ligne

 

#3 Re Aide Creation Site du 20-05-2008 10:58:05

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 2126
Site web

Re: Aide Creation Site

Bonjour et bienvenue 20-100,
Essaye ceci dans ta feuille de style:
Pour ton menu:

Code:

#menu {
float : left;
width: 280px;
height: auto ;
min-height: 320px;
background: url(http://images0.hiboox.com/images/1908/5kwst7r1.jpg);
background-repeat: repeat-y;
margin-top:0px;
margin-right:20px
}

Pour le corps:

Code:

#corps {
width: auto;
height: auto;
margin-top : 20px;
background-color: #a0522d;
position : relative;
margin-left: 305px;
padding: 5px;
min-height: 300px; }

Hack pour IE:

Code:

*html div#menu {
height:320px;
}
*html div#corps {
height:300px;
}

Hors ligne

 

#4 Re Aide Creation Site du 20-05-2008 12:46:17

20-100
c00lnaute nouveau
Date d'inscription: 19-05-2008
Messages: 21

Re: Aide Creation Site

salut
un tres tres grand merci a toi coolman j'etais desesperais :) mercii !

et mon 2 eter de rendre mon corps de page (en maron) et mon menu extensible, qui s'adapte a la resolution du visiteur comme la banniere et mintenant le corps grace a coolman :)

mais mintenan j'aimerais que le menu soit extensible comme la baniere et le corps c'est possible?

un grand merci  encore !


Hors ligne

 

#5 Re Aide Creation Site du 20-05-2008 13:32:05

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 2126
Site web

Re: Aide Creation Site

Pas de quoi icon_mrgreen, par contre, tu peux me la refaire en version française ou plutôt éditer ton poste?
Normalement ton menu est déjà extensible ... il s'allonge en fonction de ce que tu écrit ... ou alors j'ai pas comprit!

Hors ligne

 

#6 Re Aide Creation Site du 20-05-2008 17:08:48

20-100
c00lnaute nouveau
Date d'inscription: 19-05-2008
Messages: 21

Re: Aide Creation Site

salut oui mais il est extensible quant hauteur
c'est possible qu'il soit extensible en hauteur mais aussi en largeur?


merci


Hors ligne

 

#7 Re Aide Creation Site du 20-05-2008 18:20:54

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 2126
Site web

Re: Aide Creation Site

Essaye comme sa:

Code:

*html div#menu {
height:320px;
width:280px;
}

#menu {
float : left;
width: auto;
height: auto ;
min-height: 320px;
min-width:280px;
background: url(http://images0.hiboox.com/images/1908/5kwst7r1.jpg);
background-repeat: repeat-y;
background-repeat: repeat-x;
margin-top:0px;
margin-right:20px
}

Ceci dit, je ne vois pas trop l'intérêt qu'il soit extensible dans le sens de la largeur?
Et si tu ne fais pas attention, ton menu finira par pousser ton contenue!

Hors ligne

 

#8 Re Aide Creation Site du 20-05-2008 20:25:16

20-100
c00lnaute nouveau
Date d'inscription: 19-05-2008
Messages: 21

Re: Aide Creation Site

salut non sa ne marche pas mais c'est pas grave  se n'etait qu'un d'etail tu a resolu le pricipale ;)

merci encore et a bientot pour de nouvelle question ^^


Hors ligne

 

#9 Re Aide Creation Site du 20-05-2008 21:02:52

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 2126
Site web

Re: Aide Creation Site

Si si, sa fonctionne .. J'ai testé avant big_smile !
Le menu s'étire dans la largeur si tu ne passe pas à la ligne, l'arrière plan du menu passe sous le corps, par contre, le contenue du menu pousse le corps vers la droite.

Hors ligne

 

Propulsé par PunBB
© Copyright 2007
Forum créer un site

Partenaires de « créer un site internet »