bonjours, j'ai fait un contenaire sur ma page :

http://leprojet.legtux.org/membre-profi ... ame=tester

et le soucy ca bug lors du cliques des menue et sous menu

on n'a verifier et reverier du côté html et css ça vas

mais le sous c'est le sous contenaire visible et contenaire visible qui sont la même class sauf pour la border top

il faud dire a javasscript a la class sous contenaire visible supprime le border top

donc voilà le code des 3 pages :

<?php

echo '<div class="container_menue parente">
      <div id="t_container_1" class="container_transparent container_visible" onclick="montre(\'container_1\');">Profil</div>
	  <div id="t_container_2" class="container_transparent" onclick="montre(\'container_2\');">Editer le profil</div>
	  <div id="t_container_3" class="container_transparent" onclick="montre(\'container_3\');">Changer la photo</div>
	  <div id="t_container_4" class="container_transparent" onclick="montre(\'container_4\');">Param&egrave;tres</div>
	  <div id="t_container_5" class="container_transparent" onclick="montre(\'container_5\');">Mes Options</div>
	  <div id="t_container_6" class="container_transparent" onclick="montre(\'container_6\');">Commentaire (0)</div>
	  <div id="t_container_7" class="container_transparent" onclick="montre(\'container_7\');">Mes Amies (0)</div>
      </div>

	  <div id="container_1" style="display:block">
	  <div class="global_container">
	  <div class="container_left">
	  
	  avatar
	  
	  </div>
	  
	  <div class="container_right">
	  
	  <div class="container_menue parente">
	  <div id="t_container-1-1_1" class="container_transparent container_visible" onclick="montre(\'container-1-1_1\');">G&egrave;n&egrave;ral</div>
	  <div id="t_container-1-1_2" class="container_transparent" onclick="montre(\'container-1-1_2\');">Personnel</div>
	  <div id="t_container-1-1_3" class="container_transparent" onclick="montre(\'container-1-1_3\');">Apparence</div>
	  <div id="t_container-1-1_4" class="container_transparent" onclick="montre(\'container-1-1_4\');">Style de vie</div>
	  <div id="t_container-1-1_5" class="container_transparent" onclick="montre(\'container-1-1_5\');">D&eacute;faut</div>
	  <div id="t_container-1-1_6" class="container_transparent" onclick="montre(\'container-1-1_6\');">Qualit&eacute;</div>
	  </div>

	  <div class="container_info">option</div>

	  <div class="container_menue parente">
	  <div id="t_container-1-2_1" class="container_transparent container_visible" onclick="montre(\'container-1-2_1\');">Sport (valide)</div>
	  <div id="t_container-1-2_2" class="container_transparent" onclick="montre(\'container-1-2_2\');">Sport (handicaper)</div>
	  <div id="t_container-1-2_3" class="container_transparent" onclick="montre(\'container-1-2_3\');">Diver</div>
	  <div id="t_container-1-2_4" class="container_transparent" onclick="montre(\'container-1-2_4\');">Evenement</div>
	  </div>

	  
	  <div id="container-1-2_1" style="display:block">
	  <div class="container_menue parente">
	  <div id="t_container-1-2-1_1" class="sous_container_transparent sous_container_visible" onclick="montre(\'container-1-2-1_1\');">&eacute;t&eacute;</div>
	  <div id="t_container-1-2-1_2" class="sous_container_transparent" onclick="montre(\'container-1-2-1_2\');">hivers</div>
	  </div>

      <div id="container-1-2-1_1" style="display:block">
	  <div class="container_info">
	  option
	  </div>

</div>

      <div id="container-1-2-1_2" style="display:none">
	  <div class="container_info">
	  option
	  </div>

</div>

</div>
	  <div id="container-1-2_2" style="display:none">
	  <div class="container_menue parente">
	  <div id="t_container-1-2-2_1" class="sous_container_transparent sous_container_visible" onclick="montre(\'container-1-2-2_1\');">&eacute;t&eacute;</div>
	  <div id="t_container-1-2-2_2" class="sous_container_transparent" onclick="montre(\'container-1-2-2_2\');">hivers</div>
	  </div>

      <div id="container-1-2-2_1" style="display:block">
	  <div class="container_info">
	  option
	  </div>

</div>

      <div id="container-1-2-2_2" style="display:none">
	  <div class="container_info">
	  option
	  </div>

</div>



	  </div>

	  <div class="container_menue parente">
	  <div id="t_container-1-2-3_1" class="container_transparent container_visible" onclick="montre(\'container-1-2-3_1\');">Profil</div>
	  <div id="t_container-1-2-3_2" class="container_transparent" onclick="montre(\'container-1-2-3_2\');">Ma recherche</div>
	  <div id="t_container-1-2-3_3" class="container_transparent" onclick="montre(\'container-1-2-3_3\');">Style de vie</div>
	  </div>

	  <div class="container_info">option</div>

	  <div class="container_menue parente">
	  <div id="t_container-1-3_1" class="container_transparent container_visible" onclick="montre(\'container-1-3_1\');">Annonce</div>
	  <div id="t_container-1-3_2" class="container_transparent" onclick="montre(\'container-1-3_2\');">Description</div>
	  <div id="t_container-1-3_3" class="container_transparent" onclick="montre(\'container-1-3_3\');">Biographie</div>
	  <div id="t_container-1-3_4" class="container_transparent" onclick="montre(\'container-1-3_4\');">Signature</div>
	  <div id="t_container-1-3_5" class="container_transparent" onclick="montre(\'container-1-3_5\');">Citation</div>
	  </div>

	  <div class="container_info">option</div>

	  
	  
	  </div>
	  
	  
	  
	  </div>
	  </div>








';
?>

      .container_menue
	  {
	  margin:8px 0px 8px 0px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  }

      .container_info
	  {
	  margin:-10px 0px 8px 0px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 1px 1px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  }


      .global_container
	  {
	  margin:-9px 0px 8px 0px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  }

	  .container_visible
	  {
	  background-color:#FFFFFF; /* Couleur de fond */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 0px 1px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  cursor:pointer;
	  }

	  .container_transparent
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  background-color:#BFD73B; /* Couleur de fond */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  cursor:pointer;
	  }

	  .container_left
	  {
	  float:left;/* aligner le bloque left*/
	  width:220px;; /* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

	  .container_right
	  {
	  margin:0px 0px 0px 222px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }


	  .sous_container_transparent
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  text-decoration:none;
      background-color:#BFD73B; /* Couleur de fond */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  }
	  .sous_container_visible 
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
 	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 1px 0px 1px; /* top right bottom left */
	  background-color:#FFFFFF; /* Couleur de fond */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  }

[javascript]// JavaScript Document

function do_getMenu_cb(z) {
var value = z.split("-2-2-");
document.getElementById(value[0]).innerHTML = value[1];
if(value[1].toString().search("Vous")==0 && value[0] == "aValider" )
{
$("#MenuEncours").hide();
}
}

function do_getMenu(type) {
document.getElementById("iContainer").value = type;
x_getMenu(type, do_getMenu_cb);
}

function do_setMenu_cb(z) {
document.getElementById("iMsg").innerHTML = z;
do_getMenu("MenuConnecte");do_getMenu("MenuDeconnecte"); do_getMenu("ignore"); do_getMenu("aValider");
}

function do_setMenu(target,cmd) {
document.getElementById("tableList").removeChild(document.getElementById("_"+target));
x_setMenu(cmd, do_setMenu_cb);
}

function montre(container) {
var root = container.split("_");
for(i=1;i<100;i++)
if(i!=root[1])
{
$("div[id^="+root[0]+"]").hide();
//$("#"+root[0]+"_"+i).hide();
$("#t_"+root[0]+"_"+i).removeClass("container_visible container_transparent sous_container_visible sous_container_transparent");
}
//$("#"+container).show();
$("div[id^="+container+"]").show();
$("#t_"+container).addClass("container_visible container_transparent sous_container_visible sous_container_transparent");
}[/javascript]

si quelqu'un pouvais m'aidé a refaire les menue transparent et menue visible du contenaire et les sous coutenaire transparent et visible

afin que ca soit plus présentable

merci de votre aide