Bug dans mon code...pourquoi ?

Bug dans mon code...pourquoi ? - HTML/CSS - Programmation

Marsh Posté le 01-11-2007 à 14:08:01    

Bonjour tout le monde !  :hello:  
 
Voila, je suis en train de réaliser une mise à jour d'un de mes sites... et j'aimerais y insérer du Css. Mais n'y connaissant quasiment rien, je ne sais pas trop comment m'y prendre. J'ai commencé à faire quelques démarches, mais il y a quelques bugs sur les deux navigateurs (à savoir IE et Mozilla).
 
Pour plus de détails, j'ai mis tous mes fichiers sur internet.
http://www.megaupload.com/?d=XTK1U2MT
 
Les bugs sont les suivants :  
 
Sous firefox :
 
L'image d'arrière plan situé dans le dossier (/Dossiers du site/Images/Arriere_Plan.png) ne s'affiche pas, ainsi que les images du menu "News" (rollover) situé dans le dossier (/Dossiers du site/Images/Menu/Standard/). La bannière du site, s'affiche ; néanmoins, il y a l'icone d'un fichier image déchiré dans l'angle supérieur gauche de la banière. De plus, cette dernière est encadre par un cadre blanc.
 
*********************************************************
 
Sous internet exploser :
 
La bannière du site, s'affiche ; néanmoins, il y a l'icone d'un fichier image dans l'angle supérieur gauche de la banière. De plus, cette dernière est encadre par un cadre blanc.
 
Pour ceux qui ne veulent pas télécharger les fichiers, voici le code.
 
Html
 

Citation :

<html>
 <head>
  <link rel="stylesheet" href="Fichier Css/Standard.css" type="text/css">
  <title>Sommaire</title>
 </head>
 
 <body>
  <center>
   <table  
    cellpadding="2"  
    width="800"  
    id="AutoNumber3"  
    bordercolorlight="#000000"  
    bordercolordark="#000000"  
    height="210"  
    style="padding:0; border-collapse: collapse;">
       
        <td  
         bgcolor="#000000"  
         style="border-left: 3px double #0000FF; border-right: 3px double #0000FF; border-top: 3px double #0000FF; border-bottom: 3px double #0000FF"  
         width="375">
       
       <p align="center">
        <img  
         border ="0"  
         class="logovantales"  
         width="375"  
         height="146">
       </p>
     </td>
     <tr>
         <td  
          bgcolor="#000000"  
          height="30"  
          align="center"  
          style="border-left: 3px double #0000FF; border-right: 3px double #0000FF; border-top: 3px double #0000FF; border-bottom: 3px double #0000FF"  
          width="100%"  
          colspan="2">
         
         <a  
          class="menunews"  
          target="bas"  
          href="news.htm">
         </a>
      </td>
     </tr>
   </table>
  </center>
 </body>
</html>


 
CSS
 

Citation :

body  
 {
  color:White;
  background-color:#000080;
  background-image:url(../Dossiers du site/Images/Arriere_Plan.png);
  margin:0;
 }
 
img.logovantales
 {
  background-image:url('../Dossiers du site/Images/Logo du site/Standard/Logo.PNG');
 }
 
a.menunews
 {
  background-image:url('../Dossiers du site/Images/Menu/Standard/News1.png');
  display: block; width: 100px; height:30 px;
 }
 
a.menunews:hover  
 {  
  background: url('../Dossiers du site/Images/Menu/Standard/News2.png')
 }


 
Merci de votre aide à tous.


---------------
C'est en programmant qu'on devient programmeur.
Reply

Marsh Posté le 01-11-2007 à 14:08:01   

Reply

Marsh Posté le 01-11-2007 à 17:07:02    

Les dossiers sont bien nommés "dossiers du site" et "Fichier CSS", ou c'est juste un exemple ? [:johneh]
 
Si c'est le cas, surtout n'utilise jamais jamais jamais d'espaces dans les noms de dossiers, c'est source de problèmes

Reply

Marsh Posté le 01-11-2007 à 20:54:19    

FlorentG a écrit :

Les dossiers sont bien nommés "dossiers du site" et "Fichier CSS", ou c'est juste un exemple ? [:johneh]
 
Si c'est le cas, surtout n'utilise jamais jamais jamais d'espaces dans les noms de dossiers, c'est source de problèmes


 
Oui oui, les dossiers sont bien nommés "dossiers du site" et "Fichier CSS" et je sais (enfin du moins j'ai entendu dire) que c'était effectivement source de problèmes... mais pas dans ce cas ci ; j'ai déjà testé sans espace, et c'est exactement pareil. Mais merci quand même.

Reply

Marsh Posté le 01-11-2007 à 21:37:46    

Pour l'image de fond du body, si je rajoute des guillemets dans son chemin, elle s'affiche

Code :
  1. background-image:url('../Dossiers du site/Images/Arriere_Plan.png');


 
Ensuite, si tu as l'icone d'unr image cassé dans ton header, c'est parce que tu as mis ton image dans un tag image mais tu l'affiche seulement en fond.
Tu n'as donc pas d'image dans ton tag, ce n'est pas bon.
Pour ce que veux faire, tu dois employer un tag <h1> mettre le titre de ton site dedans mais ne pas l'afficher.
Et ton image en fond du h1
 
Pour ton menu, il faut mettre du texte dans ton lien
 
N'hésite pas à regarder ton site sans style dans Firefox, tu comprendras que pour le moment, tu as uniquement une page blanche, avec une image qui ne s'affiche pas.
 

Reply

Marsh Posté le 02-11-2007 à 13:44:10    

Merci !
 
Pour l'image en arrière plan c'est réglé !
 
Par contre pour le reste,... j'ai pas très bien compris comment m'y prendre... J'ai essayé de remplacé avec "h1" là mais rien ! Toujours les mêmes problèmes.
 
Une idée ? (une autre...  :D )

Reply

Marsh Posté le 02-11-2007 à 18:04:37    

<h1 class="blabla"></h1>?

Reply

Marsh Posté le 02-11-2007 à 18:24:57    

Ok ca c'est sur le html,...
 
Mais sur le css ?...
 
Edit 1 :  
Ok, j'ai compris ce que tu voulais dire, en fait pour mon menu là, j'avais pas compris qu'il fallait obligatoirement du texte. Mais en effet, je me suis rendu compte que mon image du menu n'apparaissait que si il y avait du texte par dessus... Y aurait-il moyen de le faire apparaitre sans texte ?
 
(Pour info, c'est le dernier bug à résoudre car j'ai réussi à trouver comment faire pour mon image en arrière plan, et pour mon logo.)
 
Merci encore de vos aides.


Message édité par Vantales le 03-11-2007 à 06:01:00
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed