Afficher une partie d'un site web dans Iframe
Résolu/Fermé
A voir également:
- Iframe html
- Editeur html - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- ≪br> ou <br /> ou </br> ✓ - Forum Webmastering
- Nbsp html ✓ - Forum Webmastering
- Espace en html - Astuces et Solutions
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>