Bonjour à tous,
Pour rendre un site valide Transitional, j'essaie de remplacer des <iframe> par des <object>, tout en gardant le fond des pages transparentes et en affichant celles-ci sans scrollbar.
Voici un exemple du résultat avec iframe.
Voici le résultat avec object.
J'ai essayé de suivre le topic suivant, mais je rencontre ces problèmes :
1. les scrollbars apparaîssent sous IE
2. le fond de la page contenue par <object> n'est pas transparent
3. un décalage de la carte apparaît mais c'est sans doute la conséquence d'une des deux problèmes énoncé précédemment : à confirmer
Un extrait de la page affichée dans l'object :
La css spécifique aux pages affichées dans <object> :
Le body de la CSS attachée à toutes les pages du site :
Voilà, j'espère que ma demande est suffisamment claire et complète, sinon n'hésitez pas à me demander plus d'explication !
Merci d'avance.
PS : Dès que ces problèmes seront résolus j'éditerai les liens. Si vous les postez à votre tour je vous remercie de les effacer à terme (une fois le sujet réglé).
Pour rendre un site valide Transitional, j'essaie de remplacer des <iframe> par des <object>, tout en gardant le fond des pages transparentes et en affichant celles-ci sans scrollbar.
Voici un exemple du résultat avec iframe.
Voici le résultat avec object.
J'ai essayé de suivre le topic suivant, mais je rencontre ces problèmes :
1. les scrollbars apparaîssent sous IE
2. le fond de la page contenue par <object> n'est pas transparent
3. un décalage de la carte apparaît mais c'est sans doute la conséquence d'une des deux problèmes énoncé précédemment : à confirmer
Un extrait de la page affichée dans l'object :
body class="plan" style="background-color:transparent;">
<img src="images/carte-1.png" alt="Plan d'accès de Mantes" title="Plan d'accès de Mantes" width="388" height="289" />
<p><a href="carte-2.html">Zoom + </a></p>
</body>
La css spécifique aux pages affichées dans <object> :
body {
background-color:transparent;
}
img {
margin-bottom:5px;
margin-top:25px;
margin-left:25px;
margin-right:25px;
border: 1px solid #6F5888;
}
p { padding:0px 25px 0px 25px;
margin-top:0px;
margin-bottom:5px;
}
Le body de la CSS attachée à toutes les pages du site :
body {
margin: 0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color:#666666;
}
Voilà, j'espère que ma demande est suffisamment claire et complète, sinon n'hésitez pas à me demander plus d'explication !
Merci d'avance.
PS : Dès que ces problèmes seront résolus j'éditerai les liens. Si vous les postez à votre tour je vous remercie de les effacer à terme (une fois le sujet réglé).