Problème bordure bouton

iBi0tux Messages postés 76 Statut Membre -  
iBi0tux Messages postés 76 Statut Membre -
Bonjour,

je voudrais savoir s'il est possible de pouvoir enlever les pointillés qui s'affichent lorsque que l'on clique sur un bouton (lien imagé) :

voici mon css :

a.bouton2:link{
width:250px;
height:50px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
border: 0px;
background-color:#000000;
background-image:url(../png/f3.bmp);
padding:5px;
}

a.bouton2:visited{
width:250px;
height:50px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
border: 0px;
background-color:#000000;
background-image:url(../png/f3.bmp);
padding:5px;
}

a.bouton2:active{
width:250px;
height:50px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
border: 0px;
background-color:#000000;
background-image:url(../png/f2.bmp);
padding:5px;
}

.bouton2{text-align:center;padding:5px;}


et voici mon html :

<p class="bouton2">
<a href="news.html" target="dv" class="bouton2">NEWS</a><br><br>

<a href="search.html" target="dv" class="bouton2">VOTE</a><br>
</p>


Par ailleurs, lorsque je lance la page, mes images f2 et f3 sont redimensionnées à la taille du texte, comment faire pour que les boutons ne se gardent la taille 250 * 50 px ?

Merci !
Configuration: Windows XP
Firefox 2.0.0.14

4 réponses

  1. Elx Messages postés 11 Statut Membre 71
     
    Bonjour

    il faut rajouter dans la partie <head> de ton code
    a:active
    {
    outline:none;
    }

    ce qui permet de redifinir le style de la balise a

    D'autre part j'utilise personnellement les propriétés onmouseout, onmouseover,onmousedown de la balise A avec des images différentes.

    tu peux voir le code de mon site pour exemple:
    http://www.artweweb.com/

    Salut
    -1
  2. iBi0tux Messages postés 76 Statut Membre 1
     
    oui mais cela ne fonctionne pas.

    moi ce que je veux enlever ce sont les pointillés qui apparaissent autour :

    http://www.mirari.fr/a1vy

    sinon, je souhaiterais que le bouton soit également de part et d'autre du texte alors que la il est réduit à la taille du texte, comment faire ?
    -1
  3. Elx Messages postés 11 Statut Membre 71
     
    Je suis désolé je n'ai pas solution pour l'instant.
    Il faut peut être changer de méthode et utiliser une balise <div> et mettre la balise <a> dedans.
    Je pense que tu y as déjà pensé, mais cela ne doit pas te convenir.
    Je vais continuer a chercher demain tout ce que l'on peut faire avec les propriétés de la balise <a>
    -1
  4. iBi0tux Messages postés 76 Statut Membre 1
     
    merci bcp !
    -1