Forum d'entraide PHPFrance

bonjour à tous le monde

je souhaite créer un menu avec des images et sur ces images je souhaiterai positionnée les nom de chaque onglets ' Accueil, contact" ...

le code de mon menu est :

<table>
					<tr>
						<td><img src="images/bt.png" /></td>
						<td><img src="images/bt.png" /></td>
						<td><img src="images/bt.png" /></td>
						<td><img src="images/bt.png" /></td>
						<td><img src="images/bt.png" /></td>

					</tr>
				</table>

comment rajouter maintenant les noms des onglets?

Merci d'avance

C'est d'utiliser les éléments <ul> et <li> et de mettre un background sur l'élément <li>

<ul>
<li>Catégorie 1</li>
<li>Catégorie 2</li>
</ul>

Après, à toi d'éditer le design. Je t'aide un peu et je te laisse faire

ul { margin: 0; padding: 0; list-style-type: none; height: 50px; line-height: 50px; }
li { border-right: 1px solid #FFF; float: left; display: inline; color: gray; font-weight: bold; font-size: 16px; background: #000 url(images/bt.png); }
li a { color: gray; }
li a, li a:hover { text-decoration: none; }
li:hover, li a:hover { background: #333; color: #FFF; }