High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Menu gauche, page centrale (html)

Dernière réponse le 27 fév 2009 à 11:25:05 Black Winged Angel, le 29 nov 2007 à 11:19:12 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 2.0.0.10

Meilleures réponses pour « Menu gauche, page centrale (html) » dans :
On peut cacher le code source d'une page HTML VoirMythe: On peut cacher le code source d'une page HTML. Réalité: FAUX. Explications: Pour pouvoir afficher une page web (HTML), le navigateur doit - à un moment où un autre - avoir le code HTML en clair. Il y a donc toujours moyen de le...
Transformer un fichier Word (.doc) en PDF VoirTransformer en fichier PDF un fichier Microsoft Word (.doc) Rien de plus simple ! Ouvrez votre fichier *.doc avec OpenOffice.org Réglez éventuellement la mise en page par le menu Format / Page... Dès lors, 2 solutions pour transformer...
Transformer un fichier Microsoft Excel (.xls) en PDF VoirTransformer en fichier PDF un fichier Microsoft Excel (.xls) Rien de plus simple ! Ouvrez votre fichier *.xls avec OpenOffice.org Réglez éventuellement la mise en page par le menu Format / Page... Dès lors, 2 solutions pour transformer en...
Télécharger Firstpage VoirFirst Page 2006 est un éditeur html gratuit et excellent. Il permet de travailler un code HTML en couleur, ainsi que de prévisualiser le site. 1st Page 2006 supporte les standards HTML, XHTML, PHP, ASP, Cold Fusion, Javascript, CSS, SSI et Perl.
Introduction au HTML VoirPrésentation du HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent...
Les Frames VoirPrésentation des frames Grâce à la technologie des frames (en français "cadres") il est désormais possible d'afficher plusieurs pages HTML dans différentes zones (ou cadres). Les frames ne font pas partie de la spécification du HTML 3.x, il faut...
Posez votre question Répondre

1

trikker, le 29 nov 2007 à 11:29:53

Ton site est online ?

   
Répondre à trikker

2

Black Winged Angel, le 29 nov 2007 à 11:38:15

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

   
Répondre à Black Winged Angel

3

Black Winged Angel, le 29 nov 2007 à 12:15:14

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

   
Répondre à Black Winged Angel

4

warlix, le 29 nov 2007 à 12:48:03
  • +2

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




la tristesse c est de ne pas savoir que l on est heureux !

   
Répondre à warlix

5

Black Winged Angel, le 29 nov 2007 à 15:08:59

Oula c'est sympa mais c'est le bordel ton truc! jvais essayer de faire avec... merci pour le code

   
Répondre à Black Winged Angel

6

warlix, le 29 nov 2007 à 19:11:59

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.
la tristesse c est de ne pas savoir que l on est heureux !

   
Répondre à warlix

7

Black Winged Angel, le 30 nov 2007 à 09:21:10

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!

   
Répondre à Black Winged Angel

8

warlix, le 30 nov 2007 à 09:55:19

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
la tristesse c est de ne pas savoir que l on est heureux !

   
Répondre à warlix

9

 Ryuzaki76, le 27 fév 2009 à 11:25:05

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 ^^

   
Répondre à Ryuzaki76
Posez votre question Répondre
Ils ont besoin de votre aide