Comment faire un joli menu horizontal avec des div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Comment faire un joli menu horizontal avec des div

weed

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

Publicité

afbilou

pouet your life

http://css.maxdesign.com.au/listamatic/

plainsofpain

Pingouino's lover

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

afbilou

pouet your life

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)

FlorentG

+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...

plainsofpain

Pingouino's lover

Code :

<html>
<head>
<style><!--
#menu li
{
display: inline;
}
--></style>
</head>
<body>
<ul id="menu">
<li><a href="#">Element 1</a></li>
<li><a href="#">Element 2</a></li>
<li><a href="#">Element 3</a></li>
</ul>
</body>
</html>

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

FORUM HardWare.fr

Programmation

HTML/CSS

Comment faire un joli menu horizontal avec des div

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
Plus de sujets relatifs à : Comment faire un joli menu horizontal avec des div

Page générée en 0.055 secondes