utilisation des frames

Version imprimable

Bonjour à tous,

voila j'ai besoin de cette structure suivante pour mon site :

le haut de la page + le menu de gauche qui sera fixe.
et le corps de ma page variable

Et les liens qui se situent dans le menu de gauche, doivent simplement charger la page en question dans le corps de la page (et donc laisser le haut et le menu de gauche fixe)

Voici ma page principale
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN"> <HTML> <frameset rows="15%, *"> <FRAME frameborder="0" SRC="haut.html" name="haut"> <FRAMESET cols="20%, *"> <FRAME frameborder="0" SRC="menuM.html" name="colGauche"> <FRAME frameborder="0" name="corps"> </NOFRAMES> </FRAMESET> </frameset> </HTML>
et voici ma page menuM qui contient mon menu
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <div id="colonne_droite"> <div class="right-column-box-standard" style="background-color:#FFD26E;"> <ul> <li><a href="page2.html" target="corps" >LIEN 1</a></li> <li><a href="page1.html">LIEN2</a></li> </ul> </div>
Comment donc faire pour que lorsque je clique sur ces liens, la page s'affiche dans le corps de ma page principale?

En gros j'ai un probleme de structure, et je ne sais pas comment et ou utiliser la fonction TARGET

Merci d'avance de votre aide !

Bonne soirée

Je ne souhaite pas aborder le débat de "Les frames s'est mal

Wow DTD HTML 2.0 ??????? C'est du vieux ça.

Sinon, essayes plutôt avec ça :

Code:

1
2
3
 
<a href ="index.html" target="corps">Dans l'iframe</a>
<iframe name="corps"></iframe>

Avec les iframes, tu peux mettre du css and co de façon à la positionner où tu veux. Ton lien a pour target le nom de l'iframe.

Tiens voilà un code complet pour que tu vois : (index.html)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <title>Untitled Document</title>
        </head>
    <body>
        <div style="width:300px; float:left">
            <ul style="list-style:none">
                <li><a href="index.html" target="corps">Dans l'iframe</a></li>
                <li><a href="index.html" target="corps">Dans l'iframe 2</a></li>
                <li><a href="index.html" target="corps">Dans l'iframe 3</a></li>
            </ul>
        </div>
        <div style="width:500px; float:left;">
            <iframe name="corps"></iframe>
        </div>
    </body>
</html>

12/11/2009, 21h10
Snipy

et sans l'utilisation de iframe ?

Merci de ta réponse
12/11/2009, 21h23
FredPsy
La fonction target est à utiliser dans la balise <a> tel que dans ton code et effectivement un
Code:

1 2 <a href="page2.html" target="corps" >LIEN 1</a>
affichera ta page2 dans la frame name="corps"
12/11/2009, 21h32
Snipy

meme juste avec des frame et pas des iframe ?

car moi ça maffiche une erreur 404 quand je clique sur le lien...
12/11/2009, 21h40
12monkeys

Bonsoir

Si tu as une erreur 404 c'est qu'à priori ton chemin vers le fichier n'est pas correct.

L'erreur 404 signifie que la ressource demandéé n'existe pas...
12/11/2009, 22h18
Snipy

Merci, ça commence un peu à marcher :D

Question, concernant le head, dois je le mettre a chaque page, ou puis je le mettre juste dans ma page haut.html ?

merci d'avance :D
12/11/2009, 22h28
FredPsy

Je pense que le head ne doit pas être présent dans le haut.html puisque ce dernier est dans une frame.

Le head est au dessus de la balise <body> donc largement au dessus de la balise <frameset> ou <frame>.