Petite ligne bleue autour des boutons du menu
Fermé
luckyman3261
Messages postés
3
Date d'inscription
vendredi 19 octobre 2012
Statut
Membre
Dernière intervention
19 octobre 2012
-
19 oct. 2012 à 20:18
aomann - 21 oct. 2012 à 03:33
aomann - 21 oct. 2012 à 03:33
A voir également:
- Petite ligne bleue autour des boutons du menu
- Menu déroulant excel - Guide
- Aller à la ligne excel - Guide
- Partager photos en ligne - Guide
- Site de vente en ligne particulier - Guide
- Windows 11 menu démarrer classique - Guide
4 réponses
Bonsoir,
Peut-être appliquer un style à ces boutons :
et dans le code HTML du menu :
Peut-être appliquer un style à ces boutons :
a img {border: none;}
et dans le code HTML du menu :
<a href="page1.html"><img src="btn1.jpg" /></a> <a href="page2.html"><img src="btn2.jpg" /></a> <a href="page3.html"><img src="btn3.jpg" /></a> <a href="page4.html"><img src="btn4.jpg" /></a> <a href="page5.html"><img src="btn5.jpg" /></a>
Dj Nam
Messages postés
327
Date d'inscription
mardi 9 octobre 2007
Statut
Membre
Dernière intervention
31 janvier 2014
41
19 oct. 2012 à 21:41
19 oct. 2012 à 21:41
Bonjour,
Pour enlever ces bordures, cela se passe en CSS, il faut supprimer les bordures et le "outline" sur les liens comme suit :
Pour enlever ces bordures, cela se passe en CSS, il faut supprimer les bordures et le "outline" sur les liens comme suit :
a, a:hover, a:focus, a:active { border:none; outline:0 }
luckyman3261
Messages postés
3
Date d'inscription
vendredi 19 octobre 2012
Statut
Membre
Dernière intervention
19 octobre 2012
Modifié par luckyman3261 le 19/10/2012 à 22:07
Modifié par luckyman3261 le 19/10/2012 à 22:07
voici comment est écrit ma ligne pour mes boutons roll over
<td width="168" height="48" valign="top" bgcolor="#FFFFFF"><a href="accueil.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Acceuil','','../images/menu-over_11.gif',1)"><img src="../images/menu_11.gif" alt="Acceuil" width="168" height="48" id="Acceuil" /></a></td>
Ou dois-je insérer les nouvelles commandes ?
Merci encore de vos conseils et désolé si je ne comprends pas du premier coup
<td width="168" height="48" valign="top" bgcolor="#FFFFFF"><a href="accueil.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Acceuil','','../images/menu-over_11.gif',1)"><img src="../images/menu_11.gif" alt="Acceuil" width="168" height="48" id="Acceuil" /></a></td>
Ou dois-je insérer les nouvelles commandes ?
Merci encore de vos conseils et désolé si je ne comprends pas du premier coup
Dj Nam
Messages postés
327
Date d'inscription
mardi 9 octobre 2007
Statut
Membre
Dernière intervention
31 janvier 2014
41
19 oct. 2012 à 22:15
19 oct. 2012 à 22:15
Le CSS ne se place pas à cet endroit.
Soit tu as un fichier séparé qui a pour extension .css dans ce cas, il suffit de c/c la ligne que je t'ai donné tout à la fin de ton fichier .css, sur une nouvelle ligne.
Si tu n'as pas de css, tu dois certainement avoir des balises qui ressemblent à cela :
Dans ce cas il suffit d'ajouter la ligne comme je l'ai fais ci-dessus.
Enfin, si tu n'as rien de tout cela tu peux l'insérer dans le code que tu as copié au dessus en modifiant la balise <a> comme ceci :
Soit tu as un fichier séparé qui a pour extension .css dans ce cas, il suffit de c/c la ligne que je t'ai donné tout à la fin de ton fichier .css, sur une nouvelle ligne.
Si tu n'as pas de css, tu dois certainement avoir des balises qui ressemblent à cela :
<style type="text/css">
...
a, a:hover, a:focus, a:active { border:none; outline:0 }
</style>
Dans ce cas il suffit d'ajouter la ligne comme je l'ai fais ci-dessus.
Enfin, si tu n'as rien de tout cela tu peux l'insérer dans le code que tu as copié au dessus en modifiant la balise <a> comme ceci :
<a href="accueil.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Acceuil','','../images/menu-over_11.gif',1)" style="border:none; outline:0;">
