Afficher une partie d'un site web dans Iframe
Résolu
bil80
-
14 juil. 2007 à 12:21
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.
A voir également:
- Iframe html exemple
- Tableau word exemple - Guide
- Url exemple - Guide
- Exemple de code ascii - Guide
- Editeur html - Télécharger - HTML
- Tableau croisé dynamique excel exemple - Guide
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>