Les balises lien <a> et les retour à la ligne - HTML/CSS - Programmation
Marsh Posté le 09-07-2005 à 23:20:38
Parce que t'as mis "display: block" et que les blocs se mettent les uns en dessous des autres.
Essaie d'ajouter "float: left"
Marsh Posté le 10-07-2005 à 00:18:27
comme les listes sont très apropriés pour les menu, utilise une liste, prend bien soin de mettre float: left; ou display inline dans le code CSS
Code :
|
et met dans ton code html :
Code :
|
je pense que c'est mieu ciao
Marsh Posté le 10-07-2005 à 22:22:28
Salut,
MERCI beaucoup les gars c'est nikel !!!!!!!
Pour ceux que ça intéresse voici le code :
Les CSS :
Code :
|
Le HTML :
Code :
|
@+ et encore merci !!!!
Marsh Posté le 09-07-2005 à 22:54:35
Salut à tous,
Alors j'ai un méga problème j'aimerai faire un menu horizontal sans <table>
Et Mes lien doivent avoir une image en fond ( width: 133px; height: 25px; )
et la c'est beacoup plus chaud !!!!
Voici mon menu :
<div id="menu"><a href="./" title="Accueil">Accueil</a><a href="" title="Vente">Vente</a><a href="" title="">Location</a><a href="" title="Assurance">Assurance</a><a href="" title="Partenaires">Partenaires</a><a href="?ID=contact" title="Contact">Contact</a></div>
Mon style CSS :
#menu {
background-color:#C9CDFF;
}
#menu a {
display: block;
font-weight: bolder;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 14pt;
color: #4E517C;
width: 133px;
height: 25px;
background: url("./images/menu_off.jpg" );
text-align: center;
text-decoration:none;
}
#menu a:hover {
display: block;
color: #000000;
width: 133px;
height: 25px ;
background-image: url("./images/menu_on.jpg" );
text-align: center;
text-decoration:none;
}
Et j'ai des retour à la ligne pour chaque balise <a> !!!!!
Merci beaucoup à ceux qui prendront le temps de lire ce message.
@+
---------------
Immortal-PC,