Intégrer un pdf lisible directement depuis le browser
Bonjour à tous,
Utilisant plusieurs plateformes (Mac & Windows) je suis amené à utiliser Safari, IE 8, FF. Je voudrais créer une simple page HTML avec une couleur en fond d'écran provenant d'un PNG et en intégrant un document pdf lisible directement depuis le browser. Je pense que ce n'est pas forcément compliqué mais en local je n'y arrive pas en utilisant ce code
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
</head>
<body>
<img src="Fond.png" width="1299" height="1357" alt="" />
<table>
<tr>
<td>Insertion d'un pdf</td>
</tr>
<tr>
<td> <iframe src="file:///Macintosh HD/Users/username/Desktop/carte.pdf" width="800" height="600" align="middle"></iframe></td>
</tr>
</table>
</body>
</html> |
L'image s'affiche bien (je l'a mettrai plus tard en repeat) mais la zone PDF s'affiche en dessous de l'image mais l'encadré reste blanc!
Sous FF, l'ouverture du PDF se fait par acrobat directement, mais pas dans le browser.
En réalité j'aimerais arriver à ce résultat : http://plagedesbikinis.com/
A une petite différence, je souhaite que le doc s'ouvre directement. Sur l'exemple donné il faut cliquer sur "Télécharger la nouvelle brochure en cliquant ici." pour accéder au résultat final.
Qu'en pensez vous?
Merci pour votre aide.
