Menu css tout simple

Contenu du snippet

Bah voila c'est un menu très simple entièrement en CSS.
Vous pouvez le personnaliser à volonté (il suffit de savoir manipuler le CSS).

Source / Exemple :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Menu CSS</title>

<style type="text/css">

A.menulink
{
display: block;
width: 110px;
text-align: left;
text-decoration: none;
font-family: Verdana,arial;
font-size:12px;
color: #000000;
border: solid 1px #ffffff;
}

A.menulink:hover
{
border: solid 1px #cccccc;
background-color:#eeeeee;
text-decoration: none;
}

</style>

</head>

<body>
	<a href="index.htm" class="menulink">&nbsp;Home&nbsp;</a> 
	<a href="discute.htm" class="menulink">&nbsp;Discuter&nbsp;</a> 
	<a href="jeux.htm" class="menulink">&nbsp;Jeux&nbsp;</a> 
	<a href="links.htm" class="menulink">&nbsp;Liens&nbsp;</a> 
	<a href="vb.htm" class="menulink">&nbsp;Programmation&nbsp;</a> 
	<a href="recherche.htm" class="menulink">&nbsp;Rechercher&nbsp;</a> 
	<a href="about.htm" class="menulink">&nbsp;A propos&nbsp;</a> 
	<a href="contact.htm" class="menulink">&nbsp;Contact&nbsp;</a> 
</body>
</html>

Conclusion :


pas de bugs connus.
laissez vos commentaires, remarques ...

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.