Problèmes site IE (Résolu!) (1/1)

Connexion au forum informatique de Sur-la-Toile

La discussion « Problèmes site IE » se trouve dans le forum « Sites Web: Hébergement et Services »

	Problèmes site IE
	» Liste des Forums » Sites Web: Hébergement et Services » Discussion

112 messages dans la rubrique Vos Créations

27 messages dans la rubrique Sites Web: Hébergement et Services

7 messages dans la rubrique Dépannage Informatique

Le 7 avril à 17:35 #

Bonjour, j'ai 2 problèmes avec mon site :

1. J'ai 2 menu (un a droite un a gauche), et j'aimerai positionner des image en bas de mes menu (qui font la même taille).
2. J'ai une image qui me sert de corps mais sa na marche pas sous Internet Explorer.

Voici mon code :

Code: Cacher

  <!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>Code Lyoko Épisode</title>
         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  	   <link rel="stylesheet" media="screen" type="text/css" title="Style Classique" href="Index1.css" /> 
  	   <link rel="icon" type="image/png" href="http://lyokofan94.free.fr/Curseur/XANA(Blue).ico" />
     </head>
     
     <body>
   
  <!-- L'en-tête -->
  
      <div id="en_tete">
  					<a href="Index2.html"><img src="http://lyokofan94.free.fr/Images/Banniere/banniere_v1.png" title="Cliquez ici pour revenir a l'acceuil" /></a>
  	</div>
   
  <!-- Les menus -->
   
      <div id="menu1">
  					<img src="http://lyokofan94.free.fr/Images/Menu/wi.png" width="174px"  />
  		<div class="element_menu">
  			<h3><img src="http://lyokofan94.free.fr/Images/Menu/titre_site.png" alt="Le site"/></h3>
  				<ul>
  					<center><a href="page_news.html">News</a>
  					<img src="http://lyokofan94.free.fr/Images/Menu/divider.png" alt="" />
  					<a href="telechargement.html">Épisode à télécharger</a>
  					<img src="http://lyokofan94.free.fr/Images/Menu/divider.png" alt="" />
  					<a href="episode_ligne.html">Épisode en ligne</a>
  					<img src="http://lyokofan94.free.fr/Images/Menu/divider.png" alt="" />
  					<a href="#RDE" onclick="alert('Très bientôt !');">Résumé des épisodes</a>
  					<img src="http://lyokofan94.free.fr/Images/Menu/divider.png" alt="" /></center>
  				</ul>
  		</div>
         
  		<div class="element_menu">
  			<h3><img src="http://lyokofan94.free.fr/Images/Menu/titre_code_lyoko.gif" alt="Code Lyoko"/></h3>
  				<ul>
  					<center><a href="jeu.html">Jeu de Kikou</a>
  					<img src="http://lyokofan94.free.fr/Images/Menu/divider.png" alt="" />
  					<a href="#PP" onclick="alert('Très bientôt !');">Présantation personnage</a>
  					<img src="http://lyokofan94.free.fr/Images/Menu/divider.png" alt="" />
  					<a href="galerie.html">Galerie</a>
  					<img src="http://lyokofan94.free.fr/Images/Menu/divider.png" alt="" /></center>					
  				</ul>
  		</div>
  					<img src="http://lyokofan94.free.fr/Images/Menu/od_ae.png" width="174px"  />
  	</div>	
  	<div id="menu2">
  					<img src="http://lyokofan94.free.fr/Images/Menu/je.png" width="174px"  />
  		<div class="element_menu">
  			<h3><p align="right">Date et heure</p></h3>
  				<ul>
  					<script language="Javascript" src="http://www.webmasteroo.com/date.php?s=1206470874&f=1"></script>
  					<script language="Javascript" src="http://www.webmasteroo.com/horloge.php?s=1206470031&t="></script>
  				</ul>
          </div>
  		<div class="element_menu">
  			<h3>Autre</h3>
  				<ul>
  					<a href="http://pagead2.googlesyndication.com/pagead/iclk?sa=l&num=1&client=ca-ref-pub-6969989765125400&adurl=http://tools.google.com/firefox/toolbar/bundle/intl/fr/%3Fai%3DBM8MPE1vqR8TuHorO6AXsidzWBdGe8he_zufPAcWNtwEAEAEYASC5-a0GOABQrqqb3fn_____AWD7qYGDjAqgAbWVyP0DsgEXd3d3LmNvbW1lbnRjYW1hcmNoZS5uZXS6AQ8xMjV4MTI1X2FzX3JpbWfIAQLaAWFodHRwOi8vd3d3LmNvbW1lbnRjYW1hcmNoZS5uZXQvZm9ydW0vYWZmaWNoLTEzNTAyNzEtZmFpcmUtdW4tbWVudS1hLWdhdWNoZS1kLXVuZS1wYWdlLXNhbnMtZnJhbWVzgAIBwAIDqAMD6AMf6AMg6AOmA-gD3QXoAw31AwABEAA&ai=BfvwVE1vqR8TuHorO6AXsidzWBdGe8he_zufPAcWNtwEAEAEYASC5-a0GOABQm_X62Qdg-6mBg4wKoAG1lcj9A7IBF3d3dy5jb21tZW50Y2FtYXJjaGUubmV0ugEPMTI1eDEyNV9hc19yaW1nyAEC2gFhaHR0cDovL3d3dy5jb21tZW50Y2FtYXJjaGUubmV0L2ZvcnVtL2FmZmljaC0xMzUwMjcxLWZhaXJlLXVuLW1lbnUtYS1nYXVjaGUtZC11bmUtcGFnZS1zYW5zLWZyYW1lc4ACAcACA6gDA8gDBegDH-gDIOgDpgPoA90F6AMN9QMAARAA&nm=21"><img src="http://pagead2.googlesyndication.com/pagead/imgad?id=CMPCgdLAo6aa0AEQfRh9MgiR2E_kXBCazw" width="118px" /></a>
  				</ul>
          </div>
  					<img src="http://lyokofan94.free.fr/Images/Menu/ul_yu.png" width="174px" />
  	</div>
  	
  <!-- Le corps -->
   
  	<div class="Corps">
  			<h2><br><img src="http://up.sur-la-toile.com/icnI" alt="Bienvenue" /></h2>
  					<p align= "justify">Bienvenue sur le site ou l'on peu télécharger des épisode de Code Lyoko voir des épisode ne ligne et plein d'autre chose !</p><p><center><img src="http://img.codelyoko.fr/graphics/divider.gif" alt="" /></center></p><p><center><img src="http://img.codelyoko.fr/titres/css_classique/News.png" alt="news" /></center></p><p>Bienvenue sur ce tout nouveau site dans lequels vous pouvez télécharger des épisode de Code Lyoko et faire beaucoup d'autre chose !</p><p><center>Posté par Lyokofan 94 le : 20/02/2008</center></p><br>
  					<p align= "justify"><script type="text/javascript" src="http://news.web-modules.net/?id=2279"> </script></p>
  					<br>
  	</div>
   
  <!-- Le pied de page -->
   
      <div class="pied_de_page">
  		<h2></h2>
  					<p align= "center"><script type="text/javascript" src="http://www.webmasteroo.com/cpt/?code=6/11/8106/5/1&ID=15426"></script><noscript><a href="http://www.webmasteroo.com/">Services pour Webmasters</a></noscript> visiteurs depuis le 03/05/08.</p>
  					<p align= "center">Copyright Lyokofan94 - 2008, tous droits réservés</p>
  		   
  	</div>
  	<div id="bas_de_page">
  					<center><img src="http://up.sur-la-toile.com/icBj" alt="" /></center>
  	</div>
     </body>
  </html>

Code:

  /* Fond d'écrant, marge... */
  body
  {
  	width: 760px;
  	margin: auto;
  	margin-top: 5px;
  	margin-bottom: 20px;
  	background-image: url("http://lyokofan94.free.fr/Images/fond.jpg"); /* Image de fond */
  }
  
  /* L'en-tête */
  
  #en_tete
  img /* Image de l'en-tête */
  {
  	border: none; /* Pas de Bordure */
  	width: 1005px ; /* Largeur */
  	height: 296px ; /* Hauteur */
  	background-repeat: no-repeat; /* Pas de répétition */
  	margin-bottom: 10px ; /* Marge du haut de 10px */
  	margin-left: -120px; /* Marge gauche de -85px */
  	z-index: 1; /* En arrière plan */
  	background-position: center bottom;
  }
  
  /* Le menu */
  
  #menu1
  {
  	float: left; /* Menu à gauche */
  	width: 174px; /* Largeur 150px */
  	height: 866px;
  	background-position: center bottom;
  	margin-left: -150px;
  	border: 1px solid #1e3b58;
  	background-color: #5aa0e6;
  	padding-top: 0px;
  	padding-bottom: 12px;
  	bottom:0;
  }
  
  .element_menu
  {
  	margin: 12px;
  	background-color: #0e58aa; /* Couleur bleu */
  	background-image: url("http://lyokofan94.free.fr/Images/Menu/fond_menu.png"); /* Image titre menu */
  	background-repeat: repeat-x; /* répété sur toute les parties du menu */ 
  	border: none; /* Pas de bordure */
  	margin-bottom: 10px; /* Marge par raport au corps de 10px */
  	width: 150px; /* Largeur 150px */
  }
  
  /* Quelques effets sur les menus */
  
  .element_menu h3
  	
  {  
  	font-size: 17px; /* Paragraphes de 17 pixels */
  	text-decoration:underline ; /* Souligner */
  	color: #d1ecff; /* Couleur du texte bleu clair */
  	font-family: Comic Sans MS, "Arial Black", "Times New Roman", Times, serif; /* Police du texte */
  	text-align: center; /* Texte centrer */
  	z-index: 1; /* Arrière plan */
  }
  
  
  .element_menu ul
  {
  	font-size: 16px; /* Paragraphes de 16 pixels */
  	padding: 0px; /* Marge interne de 0px */
  	margin: 20px; /* Marge de 20px */
  	margin-bottom: 5px; /* Marge du bas de 5px */
  }
  
  .element_menu a
  {
  	font-size: 17px; /* Paragraphes de 17 pixels */
  	color: #d1ecff; /* Couleur texte bleu clair */
  }
  
  .element_menu a:hover
  {
  	font-size: 17px; /* Paragraphes de 17 pixels */
  	font-family: Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif ; /* Police du texte */
  	text-decoration: none; /* Les liens ne seront plus soulignés quand on pointera dessus */
  	color: #97cffa; /* Le lien sera écrit en bleu un peu plus foncé quand on pointera dessus */
  }
  
  #menu2
  {
  	float: right; /* Menu à droite */
  	width: 174px; /* Largeur 150px */	
  	height: 866px;
  	background-position: center bottom;
  	margin-right: -164px;
  	border: 1px solid #1e3b58;
  	background-color: #5aa0e6;
  	padding-top: 0px;
  	padding-bottom: 12px;
  }
  
  
  .element_menu
  {
  	background-color: #0e58aa; /* Couleur bleu */
  	background-image: url("http://lyokofan94.free.fr/Images/Menu/fond_titre.png"); /* Image titre menu */
  	background-repeat: repeat-x; /* répété sur toute les parties du menu */ 
  	border: none; /* Pas de bordure */
  	margin-bottom: 0px; /* Marge par raport au corps de 10px */
  }
  
  /* Quelques effets sur les menus */
  
  .element_menu h3
  	
  {  
  	font-size: 17px; /* Paragraphes de 17 pixels */
  	text-decoration:underline ; /* Souligner */
  	color: #d1ecff; /* Couleur du texte bleu clair */
  	font-family: Comic Sans MS, "Arial Black", "Times New Roman", Times, serif; /* Police du texte */
  	text-align: center; /* Texte centrer */
  	z-index: 1; /* Arrière plan */
  }
  
  
  .element_menu ul
  {
  	font-size: 16px; /* Paragraphes de 16 pixels */
  	padding: 0px; /* Marge interne de 0px */
  	margin: 20px; /* Marge de 20px */
  	margin-bottom: 5px; /* Marge du haut de 5px */
  }
  
  .element_menu a
  {
  	font-size: 17px; /* Paragraphes de 17 pixels */
  	color: #d1ecff; /* Couleur texte bleu clair */
  }
  
  .element_menu a:hover
  {
  	font-size: 17px; /* Paragraphes de 17 pixels */
  	font-family: Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif ; /* Police du texte */
  	text-decoration: none; /* Les liens ne seront plus soulignés quand on pointera dessus */
  	color: #97cffa; /* Le lien sera écrit en bleu un peu plus foncé quand on pointera dessus */
  }
  
  /* Le corps de la page */
  
  
  .Corps 
  {
  	color: #d1ecff; /* Couleur texte bleu clair */
  	font-family: Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif ; /* Police du texte */
  	width: 700px; /* Largeur de 700px */
  	padding-bottom: 12px; /* Marge du bas de 12px */
  	background: white url(http://lyokofan94.free.fr/Images/Cadres/cadre.gif) no-repeat; /* Cadre */
  	background-position: center bottom; /* Centrer */
  	margin-left: 37px; /* Marge gauche de 155px */
  	margin-right: -45px; /* Marge droite -100px */
  	font-size: 14px; /* Paragraphes de 14 pixels */
  }
  .Corps h2 
  {  
  	margin: 0px; /* Marge de 0px */
  	padding: 20px 20px 5px 20px; /* Marge interne de 20px, 20px, 5px, et 20px */
  	background: transparent url(http://lyokofan94.free.fr/Images/Cadres/cadre_haut.gif) no-repeat; /* Cadre du haut */
  	background-position: center top; /* Centrer en haut */
  	text-align: center; /* Texte centrer */
  }
  .Corps p 
  {
  	margin: 1em 20px; /* Marge de 20px */
  }
  .Corps h1
  {
     color: #B3B3B3;
     text-align: center;
     font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
  }
  h3
  {
  text-align: center
  }
  h4
  {
  text-align: center
  }
  
  div#colonne1 /* Colonne 1 S1 et S3 */
  {
  	text-align: justify; /* Texte justifier */
  	float: left;
  	left:300px; /* Gauche de 450px */
  	Z-Index: 3; /* En premier plan */
  }
  div#colonne2 /* Colonne 2 S2 et S4 */
  {
  	text-align: justify; /* Texte justifier */
  	float: right;
  	left:675px; /* Gauche de  */
  	Z-Index: 3; /* Premier plan */
  }
  div#colonne3 /* Colonne 3 */
  {
  	text-align: center;
  	left:450px;
  	Z-Index: 3;
  }
  
  div#colonne4
  {
  	text-align: center;
  	left:570px;
  	top:370px;
  	z-index: 3;
    
  }
  div#colonne5
  {
  	text-align: center;
  
  	left:825px;
  	Z-Index: 3;
  }
  td
  {
  	text-align: center;
  	
  }
  img
        {
      border: none;
      }
  a
  {
  	font-family: Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif ;
  	color: #d1ecff; 
  }
  a:hover /* Quand le visiteur pointe sur le lien */
  {
     font-size: 14px; /* Paragraphes de 14 pixels */
     font-family: Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif ;
     text-decoration: none; /* Les liens ne seront plus soulignés */
     color: #97cffa;
  }
  
  
  
  
  /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
  
  .pied_de_page {
  
  	color: #d1ecff;
  	font-family: Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif ;
  	width: 458px;
  	padding-bottom: 12px;
  	background: transparent url(http://lyokofan94.free.fr/Images/Cadres/cadre_pied.gif) no-repeat;
  	background-position: center bottom;
  	margin-top:50px;
  	margin-left: 121px;
  	margin-right: -100px;
  	font-size: 14px; /* Paragraphes de 14 pixels */
  	Z-Index: 1;
  }
  .pied_de_page h2 {
  
  	margin: 0px;
  	padding: 20px 20px 5px 20px;
  	background: transparent url(http://lyokofan94.free.fr/Images/Cadres/cadre_haut_pied.gif) no-repeat;
  	background-position: center top;
  	
  }
  .pied_de_page p {
  	margin: 1em 20px;
  
  }
  
  
  #bas_de_page
  {
  	background-position: center bottom;
  	border: none;
  	right: 250px;
  
  }

.

Pouvez vous me dire comment régler ces 2 problème.

(Modifié par Philemon94 le 07-04-2008 à 17:36)

» Liste des Forums » Sites Web: Hébergement et Services

Ces discussions pourraient vous intéresser également:

Recheche d'un site ou logiciel pour créer site d'élevage virtuel
Problèmes divers
msn problèmes de connection
problèmes de détermination de codage
Problèmes page perso aol

Navigation

Connectés

Il y a actuellement 589 visiteurs et 12 toiliens en ligne, ainsi que 5 connectés sur le tchat.

Recherche

Annonces

Partenaires

Sauf mention contraire, le contenu du blog et du forum est sous licence Creative Commons By-Sa. Vous avez le droit de le reproduire à condition de citer l'auteur, de faire un lien vers la page d'origine, et de partager vos travaux dérivés selon les mêmes conditions.

Conditions d'utilisation -

Partenaires: [Informatique Multimédia] [Portail du Maroc] [Actualité High Tech]
[Tutoriaux Photoshop] [éligibilité ADSL] [Astuces Windows]

Page générée en 163 millisecondes sur WWW2.

Problèmes site IE

Participer! →

Philemon94 →

Le 7 avril à 17:35 #

Participer! →

Ces discussions pourraient vous intéresser également:

Sujets Connexes

Arakien & WéWé

Du nouveau ?

Forums

Navigation

Publicité

Connectés

Recherche

Annonces

Partenaires