Bonjour,
Je suis en train de créé un site web, j'ai un probleme puisque dans mon menu des images-boutons font offices de liens, mais j'ai un vieux cadre violet ou bleu (visité ou pas) autour d'eux, c'est tout moche je voudrais pouvoir l'enlver. J'ai essayer des trucs mais ça marche pas, je vous livre mon code:
CSS:
a
{
border: none;
text-decoration: none;
}
a:visited
{
color: black;
text-decoration: none;
}
#menu
{
/*float: left;*/ /* Le menu flottera à gauche */
/*width: 126px;*/ /* Très important : donner une taille au menu */
/*margin-right: 10px; */
width:760px;
height:34px;
background-image:url(boutons/fondbouton.png);
border: none;
}
/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#menu_horizontal li
{
display : inline;
padding : 30 0.50em; /* Pour espacer les boutons entre eux */
border: none;
}
ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
border: none;
}
a#menu_horizontal
{
border:none;
}
___________________________________________
xHTML:
<div id="menu">
<!-- Ici on mettra le menu -->
<div > <!-- Cadre correspondant à un sous-menu -->
<ul id="menu_horizontal">
<li><a href="index.php"><img src="boutons/accueil.jpg" style="filter:alpha(opacity=100); -moz-opacity: 1;" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" alt="Metin2 powaa" title="GO METIN!" class="noborder"/></a></li>
<li><a href=""><img src="boutons/gphoto.jpg" alt="Metin2 powaa" title="GO METIN!" class="noborder" style="filter:alpha(opacity=100); -moz-opacity: 1;" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></li>
<li><a href="contact.php"><img src="boutons/contact.jpg" alt="Metin2 powaa" title="GO METIN!" class="noborder"style="filter:alpha(opacity=100); -moz-opacity: 1;" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></li>
<li><a href="equipe.php"><img src="boutons/lequipe.jpg" alt="Metin2 powaa" title="GO METIN!" class="noborder"style="filter:alpha(opacity=100); -moz-opacity: 1;" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></li>
<li><a href="liens.php"><img src="boutons/liens.jpg" alt="Metin2 powaa" title="GO METIN!" class="noborder"style="filter:alpha(opacity=100); -moz-opacity: 1;" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></li>
</ul>
</div>
</div>
______________________________________________________________________
Merci d'avance
