Bonjour,

Depuis des mois, je cherche comment il faudrait faire pour créer un menu vertical en css (une sorte de onglet) mais le faire le plus simple possible.

J'y suis arrivé a faire des menu en vertical avec par exemple "Boostrap" et aussi en mettant par exemple un "span" caché dans un "<a href", je trouve aussi que Bootstrap est trés compliqué..

Voici un petit montage photoshop pour mieux comprendre mon souhait: (le bouton "Amis" c'est un <input>)


Savez-vous comment il faudrait faire pour obtenir ce menu le plus simple possible et compatible sur tous les navigateurs ?

Mon code html actuellement c'est:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div id="m_friends" style="margin-top:5px;">
<form action="" enctype="application/x-www-form-urlencoded" method="post" <?=$onsubmit;?>>
<input class="addfriend" id="addfriend" name="addfriend" type="button" value="&radic; Amis" disabled="disabled" />
<input id="add_friend" name="add_friend" type="hidden" value="<?=$id_ami;?>" />
</form>
</div>


Merci d'avance, salutations