Afficher une partie d'un site web dans Iframe
Résolu/Fermé
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.
A voir également:
- Iframe html
- Editeur html - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- ≪br> ou <br /> ou </br> ✓ - Forum Webmastering
- Balise </br> - Forum HTML
- Saut de lignes sans <br/> ✓ - Forum Webmastering
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à!
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à!
23 mai 2012 à 10:00
Merci pour ce post.
Je n'arrive pas insérer les styles dans le code HTML. Ou faut il les placer?
Merci,
Modifié par Anonymous le 19/06/2012 à 20:22
<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>