Cadre qui ne disparaît pas

[Magda Sully]

Bonjour,
J'ai un projet en ce moment pour mon Panneau d'affichage qui utilise HTML, CSS et Javascript. Comme c'est le tout premier Javascript que je dois gérer pratiquement sans aide et que je dois adapter à mon forum, j'ai fait des erreurs de ce côté-là et n'arrive pas à les régler.
Voici le lien de mon forum : http://robotic-earth.forumactif.org/

Il y a le cadre gris qui est en plein milieu. Il est sensé ne pas être là, et n'apparaître que lorsqu'on survole un élément donné (robot ou fenêtre).
Voici tout les codes concernant le cadre :

HTML :

Code:

<div id="content1"></div>

CSS:

Code:

#content1{
  position: absolute;
  top: 100px;
  left:100px;
  width: 500px;
  height: 250px;
  background-color: #333;
  color: #c6dabc;
  paddign: 20px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  overflow: hidden;
}

Javascript:

Code:

function affichCont1(Labell){
  $("#content1").html("");
switch (Labell) {
  case "robot":
  $("content1").html("contenu au passage de robot");
break;
  case "window1":
    $("content1").html("contenu au passage de window1");
break;
  case "window2":
    $("content1").html("contenu au passage de window2");
break;
  case "window3":
    $("content1").html("contenu au passage de window3");
break;
  case "window4":
    $("content1").html("contenu au passage de window4");
break;
  case "window5":
    $("content1").html("contenu au passage de window5");
break;
  case "window6":
    $("content1").html("contenu au passage de window6");
break;
}

$("#content1").slidedown("slow",function (){
contDisplay=1; });
}

$("body").mousehover(function(){
if(contDisplay==1){cacheCont();}
});

function cacheCont(){
  $("#content1).slideUp();
  contDisplay=0;
}

Les erreurs doivent sûrement se trouver au niveau du Javascript.
Merci d'avance!

[Invité]

Salut Magda Sully,

Il y a le cadre gris qui est en plein milieu. Il est sensé ne pas être là, et n'apparaître que lorsqu'on survole un élément donné (robot ou fenêtre).

Dans ce cas dans cette partie :

Code:

 #content1{
          position: absolute;
          top: 100px;
          left:100px;
          width: 500px;
          height: 250px;
          background-color: #333;
          color: #c6dabc;
          paddign: 20px;
          -webkit-border-radius: 40px;
          -moz-border-radius: 40px;
          border-radius: 40px;
          overflow: hidden;
        }

ajoute un display:none; pour masquer ce module .

a++

[Magda Sully]

Okey, c'est bon, il a disparu. Par contre je ne considère pas ce problème comme résolu car comme je n'ai pas fini la mise en place de ce panneau d'affichage, j'aurais sûrement des problèmes par la suite

EDIT : Décidément, tout les Javascripts que je fais ne marchent pas. En fait, je crois que je me suis trompée déjà rien qu'en créant les images, alors je vais laisser tomber pour le moment, je recommencerait plus tard, quand j'aurais plus de connaissances. Merci quand même