28173 sujets

CSS et mise en forme, CSS3

[RESOLU] Bordure en pointier sous firefox sur un lien en ul + css

Bonjour, j'ai un problème avec une page. Qd je clique sur un lien sous firefox, il apparait une bordure en pointier contrairement à IE.
Comment y remédier?
Merci


<html>
<head>
<style>
<!--

	body {
		margin:0;
		padding:0;
		background-color:#000000;
	}
	
	.menu {
		font: bold 11px/1.5em Verdana;
	}

/*- Menu Tabs E--------------------------- */

	#tabsE {
		float:left;
		background:#000;
		font-size:93%;
		line-height:normal;
    }
    #tabsE ul {
		margin:0px;
		list-style:none;
		padding: 0px;
    }
    #tabsE li {
		display:inline;
		margin:0;
		padding:0;
    }
    #tabsE a {
		float:left;
		background:url("tableftE.gif") no-repeat left top;
		margin:0;
		padding:0 0 0 4px;
		text-decoration:none;
    }
    #tabsE a span {
		float:left;
		display:block;
		background:url("tabrightE.gif") no-repeat right top;
		padding:5px 15px 4px 6px;
		color:#FFF;
     }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE a span {
		float:none;
	}
    /* End IE5-Mac hack */
	
    #tabsE a:hover span {
		color:#FFF;
    }
    #tabsE a:hover {
		background-position:0% -42px;
    }
    #tabsE a:hover span {
		background-position:100% -42px;
    }
    #tabsE #current a {
        background-position:0% -42px;
    }
    #tabsE #current a span {
        background-position:100% -42px;
    }
-->
</style>
</head>
<body>
<div id="tabsE">
	<ul>
		<li class="menu"><a href="#"><span>LIEN N°1</span></a></li>
		<li class="menu"><a href="#"><span>LIEN N°2</span></a></li>
		<li class="menu"><a href="#"><span>LIEN N°3</span></a></li>
	</ul>
</div>
</body>
</html>


Les images sont ici :
upload/11724-tableftE.gif
upload/11724-tabrightE.gif
Modifié par psico (03 Apr 2007 - 23:37)
Bonsoir,
tes image ne montrent pas ton problème.
c'est la propriété outline qui gère cela mais pour des raison d'ergonomie,
il est déconseillé de le supprimer. En effet cela permet de savoir
sur quel lien se trouve le focus en navigation clavier.
Merci ça résout le pb ! je préfère ainsi en dépit de l'ergonomie car c'est plus joli Smiley lol
Les images que j'ai integrées c'est pour les background utilisés ds le css Smiley cligne 

    #tabsE a {
		outline:none;	
		float:left;
		background:url("tableftE.gif") no-repeat left top;
		margin:0;
		padding:0 0 0 4px;
		text-decoration:none;
    }
psico a écrit :
Merci ça résout le pb ! je préfère ainsi en dépit de l'ergonomie car c'est plus joli lol

Oui mais les considérations d'ordre esthétique devraient passer derrière
celles qui concernent l'utilisateur final et ses besoins.
Sujet clos
Aller à