Imprimer la Page

Forum-webmaster

Technique - programmation => HTML / CSS / XHTML => Message commencé par: tapaleur le le 08-11-2007 a 00:54:41

Titre: Mon menu en css ?
Posté par: tapaleur le le 08-11-2007 a 00:54:41

Bonjour,

J'ai construit un site avec pas mal de pages, et le problème est que dès que j'ajoute un theme dans mon menu, il faut ensuite que je le modifie sur toutes mes pages.
Je crois qu'il faut faire un truc avec le css, mais je ne sais pas quoi et comme.
J'utilise dreamweaver v.8

Code de mon menu:
<table border="0" cellspacing="0" cellpadding="0" width="155" id="navigation">
<tr>
<td width="155" height="40"><a href="mode.html">Mode</a></td>
</tr>
<tr>
<td width="155" height="40"><a href="santebeaute.html">Santé / Beauté </a></td>
</tr>
<tr>
<td width="155" height="40"><a href="tvhifi.html">TV / hifi / info </a></td>
</tr>
<tr>
<td width="155" height="40"><a href="sport.html">Sport</a></td>
</tr>
<tr>
<td width="155" height="40"><a href="lingeriecharme.html">Lingerie / Charme </a></td>
</tr>
<tr>
<td width="155" height="40"><a href="contact.html">Nous contacter </a></td>
</tr>
</table>

Je ne sais pas si ce code va vous aider, l'url de mon site avec le menu sur la gauche (mode, santé/beauté...) :
http://siteabibi.free.fr/shopping.html

Merci de me donner un coup de main.

@+

Titre: Re:Mon menu en css ?
Posté par: lefou le le 09-11-2007 a 15:03:46

L'idéal pour une mise à jour automatique de ton menu gauche serait d'utiliser un langage type php avec une base de données contenant une table référençant tous les éléments de ton menu.
Ainsi dès qu'un nouvel élément doit apparaître dans ton menu, tu mets à jour ta base de données.

Titre: Re:Mon menu en css ?
Posté par: mzwygart le le 09-11-2007 a 16:18:17

ou simplement en utilisant l'include dans php
exemple:

Code à mettre dans tes pages à la place du menu :

Code:

Code de de tonmenu.htm qui contiendra ton menu:

Code:

<table border="0" cellspacing="0" cellpadding="0" width="155" id="navigation">
<tr>
<td width="155" height="40"><a href="mode.html">Mode</a></td>
</tr>
<tr>
<td width="155" height="40"><a href="santebeaute.html">Santé / Beauté </a></td>
</tr>
<tr>
<td width="155" height="40"><a href="tvhifi.html">TV / hifi / info </a></td>
</tr>
<tr>
<td width="155" height="40"><a href="sport.html">Sport</a></td>
</tr>
<tr>
<td width="155" height="40"><a href="lingeriecharme.html">Lingerie / Charme </a></td>
</tr>
<tr>
<td width="155" height="40"><a href="contact.html">Nous contacter </a></td>
</tr>
</table>

Ainsi il te suffi de modifier le fichier tonmenu.htm pour qu'il se modifie sur tout ton site.
N'oublie pas de renomer toutes tes pages avec l'extension .php

Après, le css te serra utile pour mettre en forme ton menu

Titre: Re:Mon menu en css ?
Posté par: tapaleur le le 09-11-2007 a 16:33:55

merci a vous.

Titre: Re:Mon menu en css ?
Posté par: tapaleur le le 09-11-2007 a 18:38:52

C'est enore moi,

J'ai donc créé ma page index.php avec le code:
<php include ('menugauche.html'); ?>

Et une page avec mon code du menu (menugauche.html)

Mais rien n'y fait, pas de menu sur ma page.

Si quelqu'un peut m'aider.

Merci

@+

Titre: Re:Mon menu en css ?
Posté par: tapaleur le le 09-11-2007 a 19:15:02

Ca y est, j'ai trouver.

Comment insérer un menu sur toutes mes pages avec le php ?

La page du menu
Le page php ou se situe votre menu doit se nommer "monmenu.inc.php"
Ecrire votre menu avec vos liens sur cette page

Code à insérer
Insérer le code <?include"menu.inc.php";?> à l'emplacement de votre menu sur toutes vos pages. Nommez vos page .php

Voila, si ca peut aider quelqu'un

@+

Titre: Re:Mon menu en css ?
Posté par: lefou le le 11-11-2007 a 14:12:57

Citation de: tapaleur le le 09-11-2007 a 19:15:02

Pas forcément monmenu.inc.php. Tu peux très bien l'appeler toto.php si ça te chante.

Titre: Re:Mon menu en css ?
Posté par: tapaleur le le 11-11-2007 a 18:23:50

ben moi j'ai essayé avec xxx.php, mais ca ne fonctionnait pas, j'ai donc du l'appeler xxx.inc.php
"inc" pour "include"

C'est ca que j'ai voulu dire, c'est sur tu est pas obliger de l'appeler "monmenu", tu l'appeles comme tu veux du moment que tu l'enregistre avec ".inc.php"

Titre: Re:Mon menu en css ?
Posté par: mzwygart le le 11-11-2007 a 19:18:34

non, t'es pas obliger d'avoir .inc.php

Titre: Re:Mon menu en css ?
Posté par: lefou le le 12-11-2007 a 09:57:24

Citation de: mzwygart le le 11-11-2007 a 19:18:34

non, t'es pas obliger d'avoir .inc.php

Je confirme à nouveau les propos de mzwygart : .php suffit donc pas obligé de le mettre en .inc.php

Titre: Re:Mon menu en css ?
Posté par: tapaleur le le 12-11-2007 a 14:35:59

Vous avez sans doute raison.

En ce qui me concerne, ca n'a pas marché en mettant que .php, j'ai du rajouter .inc devant.

Peut etre j'ai fais une mauvaise manip.

En tout cas, merci pour votre aide, au bout du compte, j'ai quand même réussi à créer mes menu.

@+

Titre: Re:Mon menu en css ?
Posté par: unicolored le le 13-11-2007 a 20:42:08

Citation de: tapaleur le le 09-11-2007 a 18:38:52

J'ai donc créé ma page index.php avec le code:
<php include ('menugauche.html'); ?>

Et une page avec mon code du menu (menugauche.html)

Mais rien n'y fait, pas de menu sur ma page.

Salut,

Si ça n'a pas fonctionné, c'est parce que tu as copié collé une erreur, pour ouvrir la balise php, il aurait fallu mettre <?php , il manquait le ?. Cette balise en abrégée s'écrit <? . Ca n'avait rien à voir avec le .php ou .inc.php puisque tu peux inclure nimporte quel fichier.

§

Titre: Re:Mon menu en css ?
Posté par: tapaleur le le 13-11-2007 a 20:44:54

Merci à toi,

Il me manquait donc un ?, tant pi, maintenant j'ai tout modifié en croyant que ca venait du .inc, c'est pas grave, maintenant tout fonctionne correctement.

Merci

@+

Titre: Re:Mon menu en css ?
Posté par: lcsv1 le le 14-11-2007 a 20:14:39

salut
pour regler ton probleme il faut creer des frame

par exemple :un gauche et un centre

voir ex:
http://lcsvmacrophoto.free.fr/

ps: il faut re-ecrire les page. pas cool

Titre: Re:Mon menu en css ?
Posté par: mzwygart le le 14-11-2007 a 20:25:30

Je te déconseils les frames.
* Elles gênent les moteurs de recherche
* La mise en "Favoris" n'est pas toujours simple
* Les ascenseurs en milieu de page sont disgracieux
* Le visiteur qui arrive sur une page orpheline ne sait pas toujours revenir à la page d'accueil
* L'impression des pages est difficile pour le néophyte
* La visite du site avec un navigateur textuel est très difficile voire impossible
* Elles cachent l'adresse réelle de la page

source: http://www.acces-pour-tous.net/fichiers_communs/access.php?rub=frames

Titre: Re:Mon menu en css ?
Posté par: lcsv1 le le 14-11-2007 a 21:00:44

reponse a mzwygart

a part les frame je ne connais pas d'autre soilution pour gérer un menu
car si tu integres le tous dans une page il faut les ré-écrire toute à chaque modif
pour les favoris auqu'un probleme tu le met dans la page index

voir: ajouter dans mes favoris
http://twirlingromainville.free.fr/index-1

pour les barre de tache tu peux chager les couleur reduire la page pour la voir
voir
http://lcsv3d.free.fr/index-1.html

pour revenir à la page d'acceuil il faut créer un bouton acceuil

voir bouton acceuil
http://twirlingromainville.free.fr/index-1

pour les autres argument pas de reponse
A+
lcsv

Titre: Re:Mon menu en css ?
Posté par: mzwygart le le 14-11-2007 a 21:02:44

On vient d'expliquer comment faire avec php, qui est quand même nettement plus propre.

Titre: Re:Mon menu en css ?
Posté par: tapaleur le le 15-11-2007 a 00:02:56

Salut,

Que me conseilles tu pour mon formulaire. J'ai écrit le code de mon tableau plus haut, mais je ne sais vraiement pas comment réaliser un formulaire de contact avec le php

Merci

@+

Titre: Re:Mon menu en css ?
Posté par: mzwygart le le 15-11-2007 a 00:09:06

Regarde sur google, il doit bien y avoir une centaine de posts à ce sujet ;)

Titre: Re:Mon menu en css ?
Posté par: tapaleur le le 15-11-2007 a 00:14:18

En fait, j'essaye de créer un formulaire de contact, mais au niveau du php ca bloc, j'ai ecrit mon formulaire sous forme de tableau, mais je n'arrive pas à recevoir toutes les informations.

J'ai mis en place un formulaire avec:
- adresse mail
- pseudo
- sujet du mail
- message
- et une question avec une réponce à cocher "oui" ou "non".

Si tu peut m'aider. Sur google, j'ai fait plein d'essai avec plusieur page php differentes, mais rien n'y fait, et comme je ne comprand pas le php, c'est dur.

Merci

Titre: Re:Mon menu en css ?
Posté par: mzwygart le le 15-11-2007 a 00:17:34

Ouvre un post dans la catégorie php, mets y tes sources et quelqun pourra peut-être t'aider.

Titre: Re:Mon menu en css ?
Posté par: tapaleur le le 15-11-2007 a 00:18:26

C'est ce que je vais faire.

Merci à toi

Titre: Re:Mon menu en css ?
Posté par: ouafff9 le le 10-12-2007 a 19:44:43

bonjour je suis nouveau sur le forum et j'ai essayé beaucoup de méthode de plusieurs forum mais je n'arrive toujours pas a créer un menu commun a plusieurs pages qu'on modifie une seule fois. mon site: http://cf.geocities.com/ouafff9/ .
j'aimerai bien faire un menu du style de celui sur http://www.olweb.fr/ .
répondez moi SVP!!!

Titre: Re:Mon menu en css ?
Posté par: tapaleur le le 11-12-2007 a 00:45:21

Salut à toi ouafff9 et bienvenue sur le forum.

Pour ton menu, je peux te conseiller d'utiliser le php (rien du compliqué, ne t'inquiete pas)

- Tout d'abord tu dois renomer toute tes pages en .php et non en .html (ce qui peut prendre un peu de tps, mais pour tes futures modifications de menu, il n'y auras que ta page menu à modifier)

- Ensuite, tu dois créer une page pour ton menu, en .php toujours.
Tu peux l'appeller "menu_droit" ou "menu_haut", selon les critères de ton site. Ajoutes aussi la fonction ".inc" qui correspond à "include".
Tu devras donc appeller ta page de menu "ce _que_tu_veux.inc.php", comme par exemple:

Code:

menu_droit.inc.php

- Une fois ta page de menu faites, il faut que toutes les pages de ton site puissent acceder à ton menu, c'est la qu'on retrouve la fonction include.
Pour integrer ton menu dans toutes tes pages, tu peux copier le code ci-dessous à l'emplacement souhaité du menu sur tes pages avec à la place de XXXX, le nom de ta page:

Code:

<?include"XXXX.inc.php";?>

- Tu n'as plus qu'à glisser tes pages sur ton serveur et le tour est joué.

- Pour plus de facilité, tu peux créer le menu sur ta page d'accueil par exemple, et ensuite le couper/coller vers ta page "menu_gauche.inc.php" et ensuite reprendre le code ci dessus et l'inserer sur toutes tes pages.

Si tu veux voir un exemple, va jeter un oeil sur menugauche (http://www.boutiques-avenue.fr]www.boutiques-avenue.fr[/url], tous les menus sont fait comme je te l'ai expliqué. Pour voir le menu sur la page menugauche.inc.php, tu peux aller voir [url=http://www.boutiques-avenue.fr/menugauche.inc.php)

Voila, j'espère avoir pu aider au développement de ton site.

Bonne continuation

Titre: Re:Mon menu en css ?
Posté par: lefou le le 11-12-2007 a 08:19:13

Citation de: tapaleur le le 11-12-2007 a 00:45:21

Tu peux l'appeller "menu_droit" ou "menu_haut", selon les critères de ton site. Ajoutes aussi la fonction ".inc" qui correspond à "include".
Tu devras donc appeller ta page de menu "ce _que_tu_veux.inc.php", comme par exemple:

Code:

menu_droit.inc.php

Le .inc est totalement inutile : tu peux très bien appeler ton fichier menu_droit.php

Titre: Re:Mon menu en css ?
Posté par: ouafff9 le le 11-12-2007 a 21:00:04

j'ai appelé mon menu "menu.inc.php" ,voici son contenu:

________________________
<h1 align="center">
<img src="presentationsite.jpg">
</h1>
_________________________

j'ai choisi une autre page pour essayer que j'ai appelé "essai.php", voici son contenu: (j'ai fais au plus simple pour comprendre).
__________________________
<html>
<head>
<title>Sans titre</title>
</head>
<?include"menu.inc.php";?>
<body bgcolor="#FFFFFF" text="#000000">

</body>
</html>
______________________________

je ne sais pas si c'est ca qu'il faut faire mais ca ne marche pas... ^^
rectifiez mes erreurs car je pense qu'il y en a!

Titre: Re:Mon menu en css ?
Posté par: lefou le le 12-12-2007 a 10:40:11

Ton menu doit déjà être entre les balises body et attention aux espaces :

Code:

Titre: Re:Mon menu en css ?
Posté par: ouafff9 le le 12-12-2007 a 17:34:07

bon ba ca marche tjrs pas , jsais pas d'ou ca vient , ptetre que c'est mon hebergeur qui ne supporte pas le php, ou alors c'est autre chose, jinsiste plus ca ma pris trop de temps...
En revanche , est il possible de faire le menu en javascript sans utiliser le php???

voici le menu que je voudrais inserer dans toutes mes pages (j'ai prévu de l'arranger!!!^^).

Code:

<html>
<head>
   <title>Sans titre</title>

<SCRIPT LANGUAGE="JavaScript">

/****************************************
*Menu dynamique vertical      *
*Daniel Fabien21-05-2002      *
*http://www.script-masters.com      *
*Prière de conserver ce message      *
****************************************/



var largeur = 200;//Largeur du menu
var gauche = 50;//nombre de pixe de la gauche de l'écran
var top = 60;//Nombre de pixels du haut de la page
var couleur_police_cat="#FFFFFF";//Couleur du texte des categories
var couleur_police_scat="#FFFF99";//Couleur du texte des sous-categories
var couleur_cat="#0066FF";//Couleur de fond des categories
var couleur_scat="#FF6600";//Couleur de fond des sous-categories

/********************************************************
*Attention : la modification des 2 variables ci-dessous   *
*peut provoquer d'important bug d'affichages      *
*Il est fortement conseillé de les conserver en état.   *
*********************************************************/
var taille = 11;//Police de caractères
var police = "arial";//Type de police



var nb_elem = 6;//Nombre de categorie dans le menu

var nb_souscat = new Array(nb_elem);//Nb_souscat contient le nombre de sous categorie pour chaque categorie

nb_souscat[0] = 1;//Nombre de sous categorie 1
nb_souscat[1] = 2;//Nombre de sous categorie 2
nb_souscat[2] = 1;//Nombre de sous categorie 3
nb_souscat[3] = 1;//Nombre de sous categorie 4
nb_souscat[4] = 2;//Nombre de sous categorie 5
nb_souscat[5] = 2;//Nombre de sous categorie 6
//répeter aussi souvent qu'il y a de categorie...

var categorie = new Array(nb_elem);
var soustab = new Array;

var tab0 = new Array(nb_souscat[0]);
var tab1 = new Array(nb_souscat[1]);
var tab2 = new Array(nb_souscat[2]);
var tab3 = new Array(nb_souscat[3]);
var tab4 = new Array(nb_souscat[4]);
var tab5 = new Array(nb_souscat[5]);
//répeter aussi souvent qu'il y a de categorie...


categorie[0] = " Accueil"; //Titre de la categorie

tab0[0] = " y retourner|index.html|_top";//Premier sous-titre|liens|cible


categorie[1] = " Montages vidéos";//Titre de la categorie

tab1[0] = " ASGPV|/foot/3.html|_top";//Premier sous-titre|liens|cible
tab1[1] = " délires|delires/les_experts|_top";//Second sous-titre|liens|cible


categorie[2] = " Dessins";//Titre de la categorie

tab2[0] = " amis en simpson|simpson/6.html|_top";//Premier sous-titre|liens|cible


categorie[3] = " Montages photos"; //Titre de la categorie

tab3[0] = " émoticones|emoticones/10.html|_top";//Premier sous-titre|liens|cible


categorie[4] = " Mes blogs"; //Titre de la categorie

tab4[0] = " delires-entre-potes (actif)|http://delires-entre-potes.skyblog.com";//Premier sous-titre|liens|cible

tab4[1] = " ouafff9 (arreté)|http://ouafff9.skyblog.com";//Second sous-titre|liens|cible


categorie[5] = " Fonds d'écran"; //Titre de la categorie

tab5[0] = " Simpson |fonds_decran/fond-decran.html";//Premier sous-titre|liens|cible

tab5[1] = " ASGPV |fonds_decran/ASGPV.html";//Second sous-titre|liens|cible

soustab[0] = tab0;
soustab[1] = tab1;
soustab[2] = tab2;
soustab[3] = tab3;
soustab[4] = tab4;
soustab[5] = tab5;
soustab[6] = tab6;
//répeter aussi souvent qu'il y a de categorie...




var conf = -1;
function Init(){
var hauteur = top;
for(i=1;i<=nb_elem;i++){
document.getElementById("menu"+i+"").style.top = hauteur;
hauteur = hauteur + 17;
}
}

function voir(z){
if(conf==z){
document.getElementById("sousmenu"+z+"").style.visibility = 'hidden';
Init();
conf=conf+nb_elem;
}else{
conf=z;

//Calcul de la hauteur dont doit se baisser le menu
haut=20;
var haut = 15*nb_souscat[z-1]+z*17+top;

//On retracte tous les éléments
for(i=1;i<=nb_elem;i++){
document.getElementById("sousmenu"+i+"").style.visibility = 'hidden';
}

//on les remets tous à leur place
Init();

//on cale le sous menu sous la categorie
document.getElementById("sousmenu"+z+"").style.top = 16;
dec = haut;

//On peut alors baisser tous les autre menus
for(i=z+1;i<=nb_elem;i++){

document.getElementById("menu"+i+"").style.top = dec;
dec=dec+18;
}

//Enfin, on rend le menu visible
document.getElementById("sousmenu"+z+"").style.height = 15*nb_souscat[z-1];
document.getElementById("sousmenu"+z+"").style.visibility = 'visible';

}

}

function affiche(){

//feuille de style
document.write('<style>');
document.write('div.menu{visibility:visible; border-width: 1px; border-style: solid; border-color: #000000;background-color: '+couleur_cat+'}');
document.write('div.sousmenu{position:absolute; left:-1; height:20; visibility:hidden; width:'+ largeur +'; border-width: 1px; border-style: solid; border-color: #000000;background-color: '+couleur_scat+'}');
document.write('a.menu{font-family: '+ police +'; color: '+couleur_police_cat+'; font-size: '+taille+'px; font-weight:bold; text-decoration: none;}');
document.write('a.smenu{font-family: '+ police +'; color: '+couleur_police_scat+'; font-size: '+taille+'px; font-weight:bold; text-decoration: none;}');
document.write('</style>');
document.write('<div>');

for(i=0;i<nb_elem;i++){
boucle = nb_souscat;

document.write('<div id="menu'+(i+1)+'" style="position:absolute; left:'+ gauche +'px; width:'+ largeur +'px;" class="menu">');
document.write('<a href="#" class="menu" onClick="javascript:voir('+(i+1)+')">'+categorie+'</a>');

document.write('<div width="'+ largeur +'" id="sousmenu'+(i+1)+'" class="sousmenu">');

for(z=0;z<boucle;z++){
elem=soustab[z].split("|");
document.write('<div height="15"><a href="'+elem[1]+'" target="'+elem[2]+'" class="smenu">'+elem[0]+'</a></div>');
}

document.write('</div>');
document.write('</div>');

}

document.write('</div>');

document.onLoad=Init();
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">

/*
Insérer ce code entre les balises <Body> </Body>
*/

<script language="Javascript">
affiche();
</script>

</body>
</html>

Titre: Re:Mon menu en css ?
Posté par: lefou le le 13-12-2007 a 10:38:37

Le problème si tu l'intègres en javascript est que les moteurs de recherche ne suivront pas les liens pour l'indexation des pages de ton site.

Sinon as-tu un erreur qui s'affiche lorsque cela ne fonctionnait pas en php et laquelle ?

Titre: Re:Mon menu en css ?
Posté par: ouafff9 le le 13-12-2007 a 16:14:23

mon probleme quand je mets mon menu en php est que quand j'affiche la page , mon menu n'apparait pas. Pouvez vous me présenter un exemple de menu , et d'une page l'utilisant svp? :-\

Titre: Re:Mon menu en css ?
Posté par: lefou le le 13-12-2007 a 17:28:15

Ton fichier menu est-il bien au même niveau que ton ficher qui l'appelle (dans le même dossier) ?

Titre: Re:Mon menu en css ?
Posté par: ouafff9 le le 14-12-2007 a 16:27:25

oui bien sur ::)

Titre: Re:Mon menu en css ?
Posté par: jb_gfx le le 15-12-2007 a 17:15:27

Lire la doc de Dreamweaver et en particulier la rubrique sur les modèles. DW gère ça très bien...

Titre: Re:Mon menu en css ?
Posté par: ouafff9 le le 15-12-2007 a 19:22:33

en fait j'ai dreamweaver mx2004 pour m'aider a faire mes pages mais je ne trouve pas cette fonction. ;D

Titre: Re:Mon menu en css ?
Posté par: jb_gfx le le 15-12-2007 a 19:53:03

C'est pour ça qu'il faut lire la doc...