Discussion :

[steven79]

Salut,

je sais que cette question a été posé sous d'autre formes, mais il n'y a à ma connaissance aucune réponse...

Dans mon cas, il s'agit d'un site Intranet ou plutôt la version 2 d'un intranet existant. Obligation de reprendre l'existant au niveau des documents, soit quelques milliers de .pdf...

J'ai un menu vertical en dhtml, et une zone d'affichage centrale ou s'affiche les pdf, via la balise <object> pour pouvoir les lancer de manière automatique (Sans liens).

Mon problème est le suivant : Le menu (Ou plutôt les sous-menu) passe sous l'affichage du fichier pdf et devient donc innaccessible...

Visiblement les pdf (Ou autre du genre doc ou xls...) sont afficher de manière "externe" au pages web et sont en quelque sorte posés sur l'affichage, avec un z-index en dur de 5 et non paramétrable...

Si l'un d'entre vous avez une solution à ce problème, je lui en serai trés reconnaissant.

Merci d'avance,

[Neroptik]

Bonjour,

Peut-tu nous mettre le code HTML (La balise object) et le CSS qui va avec...

[steven79]

Salut Neroptik,

je vais te donner du code, mais il faut savoir que les menus sont gérés dynamyquement depuis du SQL en fonction de la page, que l'id correspondant est intercepté par du JS et qu'enfin le lien est transmit en fonction du click .

Je te donne donc un exemple de balise <object> pour le soucis que je présente, sachant qu'avec une iframe c'est la même chose.

Une ou deux lignes du menu génété et une partie des css.

Toutefois, il faut aussi savoir que toutes les éventualités (Enfin je pense...) ont été essayées et que cela ne change rien... Quelque soit le positionnement des diverses div, ou les z-index...

A priori, il s'agit d'un soucis insoluble dans ce cas car les fichiers pdf, doc , xls... s'affichent au dessus de l'application avec un z-index en "dur" et non modifiable...

Voici la balise exemple <object :

<object type="application/pdf" data="toto.pdf" style="width:100%;height:650px;"><param name="src" value="toto.pdf" /></object>

Un bout du menu (Avec les valeurs remisent à zéro) :



Deux morceaux des css :
Pour le "général" =>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
.contenu {
	background-image:url('../img/page/centre.gif');
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#fff;
	background-attachment: fixed;
	padding:5px;
	padding-top:20px;
	padding-right:15px;
	vertical-align:top;
	font-size:11px;
}

Pour le menu =>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
.menu a {
	text-decoration: none;
	color: #0C479D;
	display: block;
	margin: 5px;
	padding: 0px 8px;
	background-image: url(../img/menu/fond-menu.gif);
	color: #0C479D;
	padding-right:0px;
	padding-bottom:10px;
}
 
.menu a:hover, .menu a:focus {
	color: #fff;
	background-image:url(../img/menu/fond-menu2.gif);
	background-repeat:no-repeat;
}
 
.menu_niv1 a, .menu_niv2 a, .menu_niv3 a {
	line-height:20px;
	height:20px;
	background-color: #0C479D;
	opacity:.8;
	filter:alpha(opacity=80);
	-moz-opacity : 0.8; 
	color: #fff;
	text-decoration: none;
	line-height: normal;
	margin: 0px;
	padding:3px;
	background-image:none;
}
 
.menu_niv1 a:hover, .menu_niv2 a:hover, .menu_niv3 a:hover{
	background-color: #0C479D;
	background-image:none;
	opacity: .9;
	filter: alpha(opacity=90);
}
 
.menu_niv1 a:focus, .menu_niv2 a:focus, .menu_niv3 a:focus {
   background-color: #eee;
	color: Blue;
	font-weight: bold;
	background-image:none;
}