Créez un nouveau fichier HTML et le fichier CSS dans l'éditeur de code de votre choix. Si vous avez déjà un fichier HTML et CSS existant, vous pouvez ajouter à ces fichiers à la place.
Créer un <iframe> élément dans votre fichier HTML avec des attributs de l'élément. Par example: <iframe src="frame.html" align="left" frameborder="0" width="150" height="150">.
Remplacer le contenu dans la "src" attribuer à l'emplacement de votre contenu iframe. Assurez-vous également de remplacer le "largeur," "hauteur," et "aligner" attributs pour représenter les dimensions de votre iframe et l'alignement de la page d'où vous voulez flotter.
Créer un
avec un élément "id" attribuer à entourer votre <iframe> élément. Par example:
<iframe>
.
Ouvrez votre feuille de style CSS, et de créer une ligne de style pour la div id. Par exemple: framefloat {}.
Ajouter l'effet de flotteur pour le style div id. Par exemple: framefloat {position: absolute- gauche: 200px- haut: largeur 200px-: hauteur 150px-: 150px- z-index: 100-}.
Changer la "gauche" et "haut" tailles de style à l'emplacement de l'iframe par rapport à la page. Soyez sûr de changer aussi le "hauteur" et "largeur" de tailles de style aux dimensions iframe vous avez déjà définis dans l'élément iframe.
Enregistrer la fois votre code HTML et CSS. Vous devriez maintenant avoir un iframe qui flotte sur votre page Web.