Accueil
Tutoriels
  Préface Preface
 Créer son site Créer son site
 Tutoriaux Tutoriaux (163)
 Les 20 meilleurs cours TOP 20
 Astuces Astuces

 HTML HTML
 XHTML XHTML
 PHP/MySQL PHP/MySQL
 Javascript Javascript
 CSS CSS menu
 Photoshop Photoshop
 Flash Flash
 Swish Swish
Recherche :
 
autres
  Accueil Accueil

 Forum FORUM
 New Yoric News YoRiC
 Livre d'or Livre d'or
 Statistiques Statistiques
 Humour ++++

 Plan du site Plan du site
 Bannières Bannières
 Contacts Contacts
  

HTML Creer une iframe tres simplement
> > > > Posez une question dans le Forum ! < < < <
Insérer un tutorial !




Je suis sur que tout le monde vous dit : les iframes, c'est la galère ! hé bien détrompez vous, c'est un jeu d'enfant!
!Je vais vous expliquer, vous verrez que ce n'est pas dur [ test réalisé avec dreamweaver]

Tout d'abord creer la base d'une iframe: un tableau, mettez les valeurs en pixels, l'unité de référence....Pour convertir votre tableau en pixels , faites comme sur l'image si dessous :



Voila votre tableau est coverti en pixel..N'écrivez rien dans le tableau ! Cliquez à l'intérieur du tableau et allez dans la partie "code":

Et la où ça clignote , vous surlignez:



Moi en locurence, j'ai ceci..Vous n'aurez peut etre pas la même chjose mais le principe est le même..Une fois le code surligné, rentrez le code suivant:



vérifiez si cela fonctionne, enregistrez votre document et prévisualisez avec internet explorer par exemple...et la..une belle iframe [ si vous avez impossible d'afficher la page, ce n'est rien , c'est juste que vous n'avez pas encore créé la page qui va dans la ligne :src="La page qui devra s'afficher en 1er dans la iframe"

Donc pas d'inquiétudes !
---------------------------------------------- -------------------------------------------

Etape suivante: Creer les pages qui iront s'afficher dans la iframe
Là, c'est assez difficile...

Creez un nouveau document HTML..Ensuite: "Modifier -> propriétés de la page -> mettez un zéro dans chaque case MARGE" (marge gauche, marge haut, largeur de marge et hauteur de marge.)



Puis inserez un tableau ayant pour largeur 20 pixels de moin que la largeur rentrée dans le code de la frame.
En effet , il faut laisser une place à l'assensceur vertical, car sinon , un bel assensceur horizontal viendra se joindre à la partie...
C'est très moche :]
Vous l'avez donc compri, NE TOUCHEZ PLUS A LA LARGEUR

---------------------------------------------- -------------------------------------------

Creation des liens pour aller dans la iframe:

-Cliquez sur votre lien ( bouton de menu ou texte , peut importe )
-Mettez le lien sur quoi il doit aboutir [ exemple : Yo-ric.htm]
-Allez dans la partie CODE
Vous verrez quelque chose de ce style:



[ ce n'est qu'un exemple]
hé bien pour le faire pointer dans la frame, rien de plus simple !!!!



Vous l'avez compri , il suffi de rajouter la connotation : target="nom donné a la iframe au début" !!!
Dernière précision...Dreamweaver est intelligent alors voici une petite astuce toute bete :



Comme ça , plus besoin de bidouiller aux codes HTML
Ps: j'ai mi FRAME dans la case, mais il s'agit bien sur du nom que vous aurez donné à votre iframe
Ecrit par : Emperor, lu 27029 fois [21] commentaires commentaire
précédent imprimer
Temps d'exécution : 0.03684 sec
 
personnes en ligne
 23 connectés
membres

Mémoriser ?



liens
noir
Beocia

partenaires :
PSDMag

PHP Splutions

www.joliespages.com

Tous droits réservés à yo-ric 2002 - 2007