Comment faire un joli menu horizontal avec des div
Comment faire un joli menu horizontal avec des div - HTML/CSS - Programmation
Marsh Posté le 18-07-2005 à 14:42:01
Un menu est une liste de lien, donc dans des ul/li stylés avec style 
Va voir sur le lien d'afbilou pour voir comment faire de beaux menus avec ta liste de liens 
---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Marsh Posté le 18-07-2005 à 14:50:49
Y'en a qui sont pas fénéants kand meme : http://www.powderseekers.com/resorts.aspx?contID=3
huhu 
(fait partie de la liste de liens en questions)
Marsh Posté le 18-07-2005 à 15:30:03
+1 pour la liste, zéro interêt d'utiliser des <div> (faut pas vouloir foutre des <div> partout, hein Faut utiliser des élément pour leur sémantique. En l'occurence, on a une liste de lien, donc on utilise une liste). Ensuite, ça sert à rien de mettre un class sur chaque élément...
Marsh Posté le 18-07-2005 à 15:35:54
Code :
|
Ca, ca fait un menu horizontal. Pour rendre ca plus joli, ou autre, tu te débrouilleras avec les nombreuses possibilités offertes par CSS
---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Sujets relatifs:
- include et menu
- [resolu (merci)] probleme sur un clam shell menu
- Probleme menu deroulant html/css/javascript
- menu déroulant à partir d'un fichier texte?
- date dans un menu deroulant combobox
- dreamweaver cadres + menu deroulant
- Menu déroulant à partir d'une liste
- problème avec code d'un menu horizontal type slider
- recuperer valeur menu deroulant en php mysql
Marsh Posté le 18-07-2005 à 14:26:55
pour faire un menu horizontal.
Dans le css :
#menu_ver {
width: 15%;
margin-top: 95px;
margin-left: 15px;
color: #8F0293;
width: 150px;
font-weight: bold;
font-size: 18px;
}
.menutitre {
background: url('menug-moi-lg.jpg');
margin-top: 15px;
border: 1px #8F0293 solid;
padding: 5px;
padding-left: 8px;
}
fichier html :
<div id="menu_ver">
<div class="menutitre">Acheter</div>
<div class="menutitre">Vendre</div>
<div class="menutitre">Estimation de <br>votre bien</div>
<div class="menutitre">Qui sommes nous</div>
</div>
et on obtient :
mais voila j'aimerais faire la meme chose mais à l'horizon. Comment faire ? utiliser margin-left avec une position relative par rapport aux precedent, mais comment ?
Message édité par weed le 18-07-2005 à 14:30:12