Sujet Précédent Sujet Suivant

Menu gauche, page centrale (html)

Fermé
Black Winged Angel - 29 nov. 2007 à 11:19
Ryuzaki76 Messages postés 4 Date d'inscription dimanche 22 février 2009 Statut Membre Dernière intervention 27 février 2009 - 27 févr. 2009 à 11:25
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!!!
A voir également:

9 réponses

Réponse 1 / 9
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
29 nov. 2007 à 12:48
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 


<!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 ...



3
Réponse 2 / 9
Black Winged Angel
29 nov. 2007 à 11:38
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
1
Réponse 3 / 9
Ryuzaki76 Messages postés 4 Date d'inscription dimanche 22 février 2009 Statut Membre Dernière intervention 27 février 2009 1
27 févr. 2009 à 11:25
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 ^^
1
Réponse 4 / 9
trikker Messages postés 186 Date d'inscription mardi 6 novembre 2007 Statut Membre Dernière intervention 10 juin 2009 33
29 nov. 2007 à 11:29
ton site est online ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 9
Black Winged Angel
29 nov. 2007 à 12:15
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!!!
0
Réponse 6 / 9
Black Winged Angel
29 nov. 2007 à 15:08
oula c'est sympa mais c'est le bordel ton truc! jvais essayer de faire avec... merci pour le code
0
Réponse 7 / 9
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
29 nov. 2007 à 19:11
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.
0
Réponse 8 / 9
Black Winged Angel
30 nov. 2007 à 09:21
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!
0
Réponse 9 / 9
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
30 nov. 2007 à 09:55
re

là c est en dehors de mes compétences , je n ai jamais eu besoin ni envie de mettre de la musique :)
content que le reste tu conviennes
0

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page
ETHAN -
Willzac -

19 réponses