Afficher une partie d'un site web dans Iframe
Résolu
bil80
-
black -
black -
Bonjour à tous,
Depuis des jours je cherche à savoir comment afficher une partie et seulement une partie d'un site web dans une iframe, mais sans succés.
Je vous donne un exemple de ce que je veux faire, comme sur cette page web, quand on appuie sur le bouton PLAY. http://www.r4v3n.com/index.php?file=Films&nuked_nude=index&op=voir&ep=460
Je ne voudrais pas faire de la vidéo comme sur le site, mais plutôt m'inspirer pour faire un service de recherche de numéro inversé sur mon site d'annuaire.
Merci d'avance à tous, pour toute aide.
Depuis des jours je cherche à savoir comment afficher une partie et seulement une partie d'un site web dans une iframe, mais sans succés.
Je vous donne un exemple de ce que je veux faire, comme sur cette page web, quand on appuie sur le bouton PLAY. http://www.r4v3n.com/index.php?file=Films&nuked_nude=index&op=voir&ep=460
Je ne voudrais pas faire de la vidéo comme sur le site, mais plutôt m'inspirer pour faire un service de recherche de numéro inversé sur mon site d'annuaire.
Merci d'avance à tous, pour toute aide.
Configuration: Windows XP Internet Explorer 7.0
4 réponses
-
Bonjour,
ce sujet semble avoir été abordé quelque fois sans succès, pourtant les iframes sont pratiques et désormais supporées par les navigateurs actuels utilisés. En plus n'afficher qu'une partie d'une page peut s'avérer très utile.
Donc voilà, c'est possible tout simplement par css comme ça:
le style:
#outdiv {
height: 205px;
overflow: hidden;
position: relative;
width: 915px;
}
#iniframe {
height: 1200px;
left: -180px;
position: absolute;
top: -240px;
width: 1280px;
}
Le code html:
<div id="outdiv"><iframe src="http://www.unsiteexterne.com" scrolling="no" width="1280px" height="1200px" id="iniframe"></iframe></div>
Et voilà!-
-
<html> <head> <STYLE type="text/css"> /*C'EST ICI QUE L'ON MET LE CSS OU "STYLE"*/ #outdiv { height: 205px; overflow: hidden; position: relative; width: 915px; } #iniframe { height: 1200px; left: -180px; position: absolute; top: -240px; width: 1280px; } </STYLE> </head> <body> <div id="outdiv"><iframe src="http://www.unsiteexterne.com" scrolling="no" width="1280px" height="1200px" id="iniframe"></iframe></div> </body> </html>
-
