Tableau menu

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

Afficher la suite

A voir également:

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

6 réponses

Réponse 1 / 6

Profil bloqué

Salut,

Deux petites minutes, je t'écris un code

Profil bloqué

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

.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

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é

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

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é

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é

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é

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

Profil bloqué

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

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é

Lol.

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

Réponse 6 / 6

dvalie

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

Profil bloqué

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

Formule taux de marque

menu caché

Tableau croisé dynamique - absence de certaines données

Votre réponse

Discussions similaires