18041 sujets

Questions générales et questions de débutants

[RESOLU]Problème popup transparente superposition???

Bonjour,

Je vais illlustrer mon problème avec l'image que je joins.

Le problème est que ma popup est transparente et qu'on voit le contenu de la page qui se trouve derrière. ESt ce un problème de superposition???

Je vous donne mon code css de la page en cours

#notice{
	display:block;
	font-size:0.8em;
	position: relative;
	left:10%;
	margin-top:1em;
	z-index:2;
}
#contenu_notice{
	position:relative;
	left:15%;
	font-size:0.8em;
	text-align:left;
}

Je vous donne ma page php qui contient le code. 

<?php
include ('lib/include/entetesecu.php');
?>

<div id="overDiv" style="position:absolute; visibility:hide;"></div>
<script language="JavaScript1.1" src="lib/js/overlib.js" type="text/javascript"></script>

<div id="notice">

<table width="600" border="0">
  <tr>
    <td align="center"><font size="2"><b>NOTICE D'UTILISATION DU SITE CEGID</b></font></td>
  </tr>
  <tr>
    <td><br></br></td>
  </tr>
    <tr>
    <td align = "center"> Cette page vous expliquera comment lancer un appel aupr&egrave;s de CEGID sur n'importe quel logiciel.  </td>
  </tr>
  <tr>
    <td align = "center"> &agrave; partir du site Internet CEGID </td>
  </tr>
  <tr>
    <td><br></br></td>
  </tr>
</table>

<!-- DOCUMENTATION DU CABINET - On liste le repertoire des services -->
 <div id="contenu_notice">
<table width="600" border="0">
  <tr>
    <td width="90%"> <b><u> Etape 1 : Module des appels </u></b></td>
  </tr> 
  <tr>
    <td> Connectez vous au portail gr&agravece au lien automatique disponible a la page pr&eacutecedente. </td><td width="10%" rowspan="2" align="center" bgcolor="#DDDDDD"> <a href="#" onmouseover="popup_notice('0','1');" onmouseout="nd(); return true;"> Visualiser l'&eacute;tape 1 </a></td>
  </tr>
  <tr>
    <td> Cliquez dans le menu du haut sur <b> &quot;Vos appels&quot; </b> puis sur <b>&quot;Enregistrez un appel progiciel&quot; </b></td>
  </tr>
  
   <tr>
    <td><br></br></td>
  </tr>
  <tr>
  <td width="90%"> <b> <u>Etape 2 : Selection du logiciel </u></b></td>
  </tr> 
  <tr>
    <td> S&eacute;lectionnez la soci&eacute;t&eacute; <b>AGIF - AEQUITAS</b> ainsi que notre serveur <b>SRV59503S1 (PROD) - SN : GB8527DJL2 </b></td><td width="10%" rowspan="2" align="center" bgcolor="#DDDDDD"> <a href="#" onmouseover="popup_notice('0','2');" onmouseout="nd(); return true;">Visualiser l'&eacute;tape 2 </a></td>
  </tr>
  <tr>
    <td> Cliquez ensuite sur <b>Ok</b> pour d&eacute;couvrir les logiciels</td>
  </tr>
  <tr>
    <td><br></br></td>
  </tr>
    <tr>
    <td width="90%"> <b> <u>Etape 3 : Desciption de votre message </u></b></td>
  </tr> 
  <tr>
    <td> Une fois le logiciel trouv&eacute;, cliquez sur le t&eacute;l&eacute;phone. </td><td width="10%" rowspan="2" align="center" bgcolor="#DDDDDD"><a href="#" onmouseover="popup_notice('0','3');" onmouseout="nd(); return true;"> Visualiser l'&eacute;tape 3 </a></td>
  </tr>
  <tr>
    <td> Saisissez votre <b>nom</b> et <b>pr&eacute;nom</b> ainsi que votre <b>message d'erreur</b> puis cliquez sur <b>&quot;Envoyer&quot;</b></td>
  </tr>
  
   <tr>
    <td><br></br></td>
  </tr>
</table>
  <table width="600" border="0">
  <tr>
    <td><br></br></td>
  </tr>
  <tr>
    <td align="center"><a href="fiche.php">Retour &agrave; la page pr&eacute;c&eacute;dente</a></td>
	</tr>
</table>
<div id="pied"><?php include ('lib/include/pied.php');?></div><!--div pied-->	
</div><!--div contenu-->

</div><!--notice-->


Pouvez vous me dire pourquoi c'est transparent j'ai cherché du côté de l'index z mais apparemment c'est pas ça.
En même temps mes balises <b> sont ignorés ??????? je viens de l'apercevoir. A suivre.

SI vous avez une idée du pourquoi , je vous en remercie.

Merci d avance. upload/7592-Sanstitre.jpg
Modifié par skyangel (20 Jul 2006 - 11:03)
Bonjour,

Peut-être faut-il simplement ajouter une couleur de fond.
L'idéal serait qu'on ait l'exemple en ligne de ton problème.
oui ce serait un idéal mais je n'ai pas encore pris de nom de domaine et le seul ftp que j'ai est bloqé par mon proxy.
Cependant, lorsque je retire le css notice et contenu_notice ma popup n'est plus transparente.
Le fond de couleur j'ai déjà testé.
Je vous mets le css qui enveloppe toutes les pages

#global{
	position:absolute;
     left: 50%; 
     top: 50%;
     width: 860px;
     height: 1200px;
     margin-top: -30%; /* moitié de la hauteur */
     margin-left: -430px; /* moitié de la largeur */
     border: 1px solid #000;
	 background-color:white;
	 text-align:center;/*sert a centre pour ie*/
	 
	 
}

	body{
	font-family : arial,verdana;/*police utilisé*/
	color:black;/*couleur*/
	font-size: 1em;/*taillle de la police en utilisant celle de l'utilisateur*/
	background-color: #cccccc;/*couleur de fond*/
	margin: 0;/* on enelve la marge du body */
}
Cette popup il s'agit de #notice ?
Tu as essayé en ajoutant :
background-color: #fff;

Modifié par Sebastien D. (20 Jul 2006 - 10:11)
Sebastien D. a écrit :
Cette popup il s'agit de #notice ?
Tu as essayé en ajoutant :
background-color: #fff;

oui mais ca ne fonctionne pas. notice et contenu_notice sont des div pour le contenu de la page et pas celle du popup. (celle ci en a pas).
si je mets un blanc derriere alors je ne vois plus en totalite ma popup vu qu'elle est affiché derrière le texte.
Le problème vient du fait que je précise dans mon style notice et contenu_notice une position absolue ou relative.
Quand j'enlève ces attributs, cela fonctionne correctement.
Je suis désolé, j'ai du mal à voir comment est structuré ton code. Il n'y a vraiment pas moyen que tu mettes quelque chose en ligne ?

Au pire tu peux m'envoyer les fichiers en question.
Modifié par Sebastien D. (20 Jul 2006 - 10:40)
Sujet clos
Aller à