Menu simple en vertical en cliquant sur un input-button
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>)
http://www.baalou.com/menu_css_simple.jpg
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:
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="√ Amis" disabled="disabled" />
<input id="add_friend" name="add_friend" type="hidden" value="<?=$id_ami;?>" />
</form>
</div> |
Merci d'avance, salutations