Tableau menu

dvalie -  
 Profil bloqué -
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>

6 réponses

  1. Profil bloqué
     
    Salut,

    Deux petites minutes, je t'écris un code
    0
    1. 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)
      0
    2. 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
      0
  2. 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
    0
    1. 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>
      0
  3. 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.
    0
  4. 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>
    0
    1. 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;
}
      0
    2. Profil bloqué
       
      Tu mets ta feuille .css au même endroit que ta feuille .html ou .php, et tu l'appelle test.css
      0
    3. 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.
      0

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

    Posez votre question
  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...
    0
    1. Profil bloqué
       
      Lol.

      Ta page html ou php, elle se trouve où ?
      0
  7. dvalie
     
    D:saint cirgues en montagne, cé le fichier de tous mes docs et photos de mon site
    0
    1. 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 ?
      0

Discussions similaires

Comment faire afin d'accéder au boot menu ou BIOS sous MSI ?
Kaheil -
Ismo87 -

7 réponses