Tableau menu

Fermé

dvalie - 9 juin 2011 à 10:57
Profil bloqué - 9 juin 2011 à 12:36

Bonjour,
Je réalise un site avec dreamweaver, et j'ai créer un menu en partant d'un tableau et je voudrais lui ajouter des sous menus. Qui pourrais me dire comment faire?
Je ne connais pas beaucoup le codage ormis le HTML. Merci

Code du tableau
<table width="143" height="148" border="3" cellspacing="2">
<tr>
<td bgcolor="#FFFF99">Présentation</td>
</tr>
<tr>
<td bgcolor="#FFFF99">Commune</td>
</tr>
<tr>
<td bgcolor="#FFFF99">Vie Associatives</td>
</tr>
<tr>
<td bgcolor="#FFFF99">Festivités</td>
</tr>
<tr>
<td bgcolor="#FFFF99">Contact</td>
</tr>
</table>

A voir également:

Tableau menu
Tableau croisé dynamique - Guide
Tableau ascii - Guide
Tableau word - Guide
Menu déroulant excel - Guide
Trier tableau excel - Guide

6 réponses

Réponse 1 / 6

Profil bloqué
9 juin 2011 à 11:05

Salut,

Deux petites minutes, je t'écris un code

Profil bloqué
9 juin 2011 à 11:17

<div class="presentation"> 
	Présentation
	<div name="pres1">
		<div class="presentation1">
			Présentation 1
			<div>
				Presentation yeah 1
			</div>
			<div>
				Presentation yeah yeah 1
			</div>
		</div>
		<div>
			Présentation 2
		</div>
		<div>
			Présentation 3
		</div>
	</div>
</div> 
<div> 
	Commune
</div> 
<div> 
	Vie Associatives
</div> 
<div> 
	Festivités
</div> 
<div> 
	Contact 
</div>

Ca c'est dans le html (un exemple)

Profil bloqué
9 juin 2011 à 11:22

.presentation:hover pres1, pres1:hover  presentation1
{ 
    display:block; 
}
.pres1, presentation1
{
    display:none;
}

Ca c'est dans le css.
Je n'ait pas testé, essaie et dit moi si ça marche

Réponse 2 / 6

dvalie
9 juin 2011 à 11:24

Merci pour ce code toutefois, je l'insère ou dans mon TABLE, de plus j'voudrais que les sous menus soit situé dessous par exemple dans commune je click et ya un autre menu, désolé mais je suis pas une experte. Et merci de votre aide

Profil bloqué
Modifié par Varaldi Q le 9/06/2011 à 11:30

Pas de souci, vire tout ce tableau (tu le supprimes), et tu le remplace par ça :

<div class="presentation"> 
	Présentation
	<div name="pres1">
		<div class="presentation1">
			Présentation 1
			<div>
				Presentation yeah 1
			</div>
			<div>
				Presentation yeah yeah 1
			</div>
			<div>
				Présentation 2
			</div>
			<div>
				Présentation 3
			</div>
                  </div>
	</div>
</div> 
<div> 
	Commune
</div> 
<div> 
	Vie Associatives
</div> 
<div> 
	Festivités
</div> 
<div> 
	Contact 
</div>

Réponse 3 / 6

dvalie
9 juin 2011 à 11:35

Ok, mais le css je le met ou en début de ma page dans le head cela ne marche pas, par contre le HTML lui va bien sauf qu'il n'y a pas de structure? Cé la cata je comprend pas tous au css et au emplacement de chaque code.

Réponse 4 / 6

Profil bloqué
9 juin 2011 à 11:44

Je me suis un peu embrouillé, lol.

Alors le html tu lui mets ça, au lieu de tout ce qu'il y avait:

<div class="pres"> 
	Présentation
	<div class="pres1">
		Présentation 1
		<div class="presentation">
			<div>
				Presentation yeah 1
			</div>
			<div>
				Presentation yeah yeah 1
			</div>
		</div>
		<div>
			Présentation 2
		</div>
		<div>
			Présentation 3
		</div>
	</div>
</div> 
<div> 
	Commune
</div> 
<div> 
	Vie Associatives
</div> 
<div> 
	Festivités
</div> 
<div> 
	Contact 
</div>

Profil bloqué
9 juin 2011 à 11:46

Ensuite, pour faire un truc propre, dans le </head>, tu ajoutes:

<link rel="stylesheet" media="screen" type="text/css" title="test" href="test.css"/>

Puis tu fais une feuille .css où tu écris ça:

.pres:hover .pres1, .pres1:hover  .presentation
{ 
    display:block; 
}
.pres1, .presentation
{
    display:none;
}
.pres
{
	color:red;
}

Profil bloqué
9 juin 2011 à 11:46

Tu mets ta feuille .css au même endroit que ta feuille .html ou .php, et tu l'appelle test.css

Profil bloqué
9 juin 2011 à 11:50

Il ne te reste plus qu'à ajouter les attributs que tu souhaites pour avoir l'aspect désiré.

Je te conseille avant toute chose d'aller faire un tour sur le siteduzero.com, section web, les cours de html/css.

Si tu as des bases, ça va être très rapide. Lis bien tout, et tu seras capable de tout faire comme tu le souhaites !

PS pour info, ce site : http://kungfu-trunghoa.redheberg.com/ n'est fait qu'en html/css (avec un tout petit peu de javascript, mais ça compte pas)

Ca te donne une idée d'exemple que tu peux faire.

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

Posez votre question

Réponse 5 / 6

dvalie
9 juin 2011 à 12:01

Merci pour ton aide, le site du zéro oui je connais mais le lien entre les feuilles css externe je ne comprend pas bien, exemple sur celui que tu ma donné, enregistrer dans mon répertoire de mon site (D/ test.css) mais le lien d'appelle ne se fait pas.
Pour le site super très jolie mais j'aurais du boulot pour en arriver à cela, déjà que pour des choses "simple" je m'y perd alors...

Profil bloqué
9 juin 2011 à 12:03

Lol.

Ta page html ou php, elle se trouve où ?

Réponse 6 / 6

dvalie
9 juin 2011 à 12:33

D:saint cirgues en montagne, cé le fichier de tous mes docs et photos de mon site

Profil bloqué
9 juin 2011 à 12:36

lol, bref je te conseille d'avoir un fichier par exemple "site" dans lequel se trouvera tes pages html, php et css ainsi qu'un dossier images à l'intérieur, pour pas que ce soit trop le bazar.

Tu n'as pas oublié de mettre les 3 trucs que je t'ai dit ? le code html, le code css, ainsi que le lien entre les deux ?

Discussions similaires

Bibliothèque

Formule taux de marque

generateur de combinaison du loto 5/90