Menu gauche, page centrale (html)
Black Winged Angel
-
Ryuzaki76 Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
Ryuzaki76 Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
Re bonjour tout le monde, donc encore un problème:
Je suis sous nvu, et toujours pour rendre mon site plus pratique je veux faire en sorte d'avoir une page avec un menu sur la gauche, dont les liens sont ouverts sur le reste de la page... A vrai dire ça fait déjà 2 heures que je cherche comme un fou et je n'ai aucun résultat.
en gros sa devrait se présenter comme sa:
logo de mon site
Menu: |
Videos |
Musique | Le lien de gauche ouvre la page html ici
Images |
Radio |
J'ai pas arrêté de chercher et je me suis perdu dans des histoires de cadres et d'ancres... J'en peux plus...
Please Help!!!
Je suis sous nvu, et toujours pour rendre mon site plus pratique je veux faire en sorte d'avoir une page avec un menu sur la gauche, dont les liens sont ouverts sur le reste de la page... A vrai dire ça fait déjà 2 heures que je cherche comme un fou et je n'ai aucun résultat.
en gros sa devrait se présenter comme sa:
logo de mon site
Menu: |
Videos |
Musique | Le lien de gauche ouvre la page html ici
Images |
Radio |
J'ai pas arrêté de chercher et je me suis perdu dans des histoires de cadres et d'ancres... J'en peux plus...
Please Help!!!
A voir également:
- Menu gauche, page centrale (html)
- Supprimer page word - Guide
- Windows 11 barre des taches a gauche - Guide
- Menu déroulant excel - Guide
- Editeur html - Télécharger - HTML
- Canon quick menu - Télécharger - Utilitaires
9 réponses
salut ^^
oui pour tu te demerde , non pour la suite
il te faut travailler avec une page et trois cadres
Bien que je ne supporte pas les code avec cadres :p
L INDEX
La page header
La page menu
La page main frame
La page 2
Copie coller les codes et regarde si c est ce que tu veux;
A savoir que quand tu crée une page avec cadres comme tu le souhaite
tu as
1 page index : regroupant l ensemble des cadres
1 page header
1 page menu
1 page mainframe
Les trois pages sont séparées en html mais sont inclues dans la page de base : INDEX
tu peux travailler chaque page à ta guise
Bon mon exemple ne prend pas une mise en page etc .. juste pour te montrer qu il ne faut pas 360000 pages pour un truc :)
Il te suffit juste de créer une page3 page 4 page 5 avec en target (direction d afichage) la mainframe (cadre de droite)
dans ton menu tu fais
<p><a href="mainframe.html" target="mainFrame">accueil</a></p>
<p><a href="page2.html" target="mainFrame">page2</a></p>
<p><a href="page3.html" target="mainFrame">page3</a></p>
etc ...
oui pour tu te demerde , non pour la suite
il te faut travailler avec une page et trois cadres
Bien que je ne supporte pas les code avec cadres :p
L INDEX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="header.html" name="topFrame" frameborder="yes" scrolling="No" noresize="noresize" bordercolor="#000099" id="topFrame" title="topFrame" />
<frameset cols="80,*" frameborder="no" border="0" framespacing="0">
<frame src="menu.html" name="leftFrame" frameborder="yes" scrolling="No" noresize="noresize" bordercolor="#33CC00" id="leftFrame" title="leftFrame" />
<frame src="mainframe.html" name="mainFrame" frameborder="yes" bordercolor="#FF0000" id="mainFrame" title="mainFrame" />
</frameset>
</frameset>
<noframes><body>
</body>
</noframes></html>
La page header
<!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>Document sans nom</title> </head> <body> ICI LE HEADER </body> </html>
La page menu
<!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>Document sans nom</title> </head> <body> <p><a href="mainframe.html" target="mainFrame">accueil</a></p> <p><a href="page2.html" target="mainFrame">page2</a></p> </body> </html>
La page main frame
<!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>Document sans nom</title>
<style type="text/css">
<!--
.Style1 {color: #3300CC}
-->
</style></head>
<body>
<span class="Style1">ici la page 1</span>
</body>
</html>
La page 2
<!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>Document sans nom</title>
<style type="text/css">
<!--
.Style1 {color: #3300CC}
-->
</style></head>
<body>
<span class="Style1">ici la page 2</span>
</body>
</html>
Copie coller les codes et regarde si c est ce que tu veux;
A savoir que quand tu crée une page avec cadres comme tu le souhaite
tu as
1 page index : regroupant l ensemble des cadres
1 page header
1 page menu
1 page mainframe
Les trois pages sont séparées en html mais sont inclues dans la page de base : INDEX
tu peux travailler chaque page à ta guise
Bon mon exemple ne prend pas une mise en page etc .. juste pour te montrer qu il ne faut pas 360000 pages pour un truc :)
Il te suffit juste de créer une page3 page 4 page 5 avec en target (direction d afichage) la mainframe (cadre de droite)
dans ton menu tu fais
<p><a href="mainframe.html" target="mainFrame">accueil</a></p>
<p><a href="page2.html" target="mainFrame">page2</a></p>
<p><a href="page3.html" target="mainFrame">page3</a></p>
etc ...
Nan c'est un intranet, mais je me retrouve quand même avec cent ou deux cent pages à gérer et j'en ai assez de devoir créer les liens sur toute mes pages à chaque fois que j'en créée une...
C'est pour ça que je veux créer une page avec un menu gauche, qui ouvre toute les pages sans faire disparaître le menu
C'est pour ça que je veux créer une page avec un menu gauche, qui ouvre toute les pages sans faire disparaître le menu
Salut,
Si tu es sur Nvu c'est assez simple moi aussi essai sa :
<!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=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<title>Exemple d'un menu en CSS pour créer un site</title>
<meta name="Description"
content=" Exemple d'un simple menu créer en CSS ." />
<meta name="Keywords"
content="menu en css,creer une menu en css,création menu feuille de style,créer un site,créer un site web,créer un site internet,créer site,créer site web,créer un site perso," />
<style>
#moncadre {
width:800px;
margin:auto;
padding:10px;
background-color:#FFFF00;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
.cadredumenugauche {
float:left;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000; /* cadre menu */
color:#666666;
}
.cadredumenudroite {
float:right;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000; /* cadre menu */
color:#666666;
}
</style>
</head>
<body>
<div id="moncadre">
<div class="cadredumenugauche">
<ul>
</ul>
<ul>
<li>menu gauche</li>
</ul>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<br />
<div style="text-align: left;"><strong><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</strong></div>
</div>
<p style="text-align: center;"><br />
<br />
<script type="text/javascript"><!--
google_ad_client = "pub-7488208267619387";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "F2984C";
google_color_text = "000000";
google_color_url = "CC0000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
</body>
</html>
Avec Nvu il n'y à plus qu'a faire les liens et changer cette horrible couleur jaune mais je ne pense pas que c'est sa que tu cherche ^^
Si tu es sur Nvu c'est assez simple moi aussi essai sa :
<!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=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<title>Exemple d'un menu en CSS pour créer un site</title>
<meta name="Description"
content=" Exemple d'un simple menu créer en CSS ." />
<meta name="Keywords"
content="menu en css,creer une menu en css,création menu feuille de style,créer un site,créer un site web,créer un site internet,créer site,créer site web,créer un site perso," />
<style>
#moncadre {
width:800px;
margin:auto;
padding:10px;
background-color:#FFFF00;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
.cadredumenugauche {
float:left;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000; /* cadre menu */
color:#666666;
}
.cadredumenudroite {
float:right;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000; /* cadre menu */
color:#666666;
}
</style>
</head>
<body>
<div id="moncadre">
<div class="cadredumenugauche">
<ul>
</ul>
<ul>
<li>menu gauche</li>
</ul>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<br />
<div style="text-align: left;"><strong><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</strong></div>
</div>
<p style="text-align: center;"><br />
<br />
<script type="text/javascript"><!--
google_ad_client = "pub-7488208267619387";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "F2984C";
google_color_text = "000000";
google_color_url = "CC0000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
</body>
</html>
Avec Nvu il n'y à plus qu'a faire les liens et changer cette horrible couleur jaune mais je ne pense pas que c'est sa que tu cherche ^^
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'ai comme l'impression que mon pc va faire un vol plané.......
J'en ai vraiment marre!!! J'ai essayé la technique des frames, cella des tableaux, celle des cadres, rien qui fonctionne!!!
( puis on va pas dire que les exemples sur internet concernent les débutants )
Bref quand t'es newbie, tu te démerdes ou tu te tires une balle!!!
J'en ai vraiment marre!!! J'ai essayé la technique des frames, cella des tableaux, celle des cadres, rien qui fonctionne!!!
( puis on va pas dire que les exemples sur internet concernent les débutants )
Bref quand t'es newbie, tu te démerdes ou tu te tires une balle!!!
forcement c est le bordel , travailler avec des cadres = bordel en nombres de page html
il existe une autre méthode largement plus souple et simple , un peu plus longue ,
travailler avec des div et un css exterieur.
par contre si tu fais correctement mon truc comme tu le dis , est trés simple juste a clic sur un lien pour afficher ta page , je ne vois aps ce que tu trouves de bordelique :p
as tu au moins tenté ? car y pas plus simple en code cadre.
il existe une autre méthode largement plus souple et simple , un peu plus longue ,
travailler avec des div et un css exterieur.
par contre si tu fais correctement mon truc comme tu le dis , est trés simple juste a clic sur un lien pour afficher ta page , je ne vois aps ce que tu trouves de bordelique :p
as tu au moins tenté ? car y pas plus simple en code cadre.
Franchement merci warlix, ta methode marche à merveilles, et c'est exactement ce que je voulais, en plus avec ta methode, je n'ai plus besoin de me casser la tête à trouver une solution pour que la lecture des mp3 soit en continue pendant la navigation, je l'ai mise daans le header et apparemment ça fonctionne sans problèmes! Franchement merci!!!
Par contre j'aurais une autre question à laquelle je ne trouve pas de réponse:
sur mon site j'ai le lecteur video flvplayer, or pour créer un playlist il faudrais que j'installe le java. Mais le java n'est pas compatible avec le sp1 de winXP. Je voudrais donc savoir si il est possible et comment créer cette playlist en html uniquement...
Encore merci pour la mise en page warlix!
Par contre j'aurais une autre question à laquelle je ne trouve pas de réponse:
sur mon site j'ai le lecteur video flvplayer, or pour créer un playlist il faudrais que j'installe le java. Mais le java n'est pas compatible avec le sp1 de winXP. Je voudrais donc savoir si il est possible et comment créer cette playlist en html uniquement...
Encore merci pour la mise en page warlix!
