28172 sujets

CSS et mise en forme, CSS3

bonsoir,

J'essaye de virer des "petites bordures" genre dashed autour de mes div/liens voici :
dans la page :

<div id="blibli"><a href="#" class="lili" onclick="communik('blabla)"></a></div>

dans la css

a.lili
{
position:absolute; 
width:21px;
height:21px;
background-image: url(../Icons/image.png);
border:none;
margin-left:504px;
top:522px;
}

a.lili:hover
{
position:absolute; 
width:21px;
height:21px;
background-image: url(../Icons/image_over.png);
border:none;
margin-left:504px;
top:522px;
}

Sous ie ça fait pas d'effet de bord sur le roll-over et sous firefox ça fait le périmètre de l'image avec un filet un peu bleu sur le comportement onclick de la souris, c'est plutôt disgracieux. Comprends pas...pourquoi.
Merci pour vos remarques.
Jeandalement,
Modifié par jeanda (18 Jun 2008 - 15:31)
Bonjour,

jeanda a écrit :
J'essaye de virer des "petites bordures" genre dashed autour de mes div/liens

Ces «bordures» rajoutées autour des liens lorsqu'il sont cliqués ou reçoivent le focus sont surtout des dispositifs d'accessibilité (ou simplement de confort d'usage) qui servent par exemple pour la navigation au clavier (avec la touche Tab). On conseille généralement de les laisser en place, ou à défaut de bien mettre en valeur le style au focus pour qu'il soit visible autrement.

Ils sont générés non pas avec border, mais via la propriété CSS outline.
jeanda a écrit :
bonjour,
Très bien merci, je vais donc les laisser comme ça.
Bonne journée
Jeanda

Il y a parfois des réponses qui font plaisir, non ? Smiley jap

Un petit résolu (en éditant ton premier message et en modifiant le titre Smiley cligne ) ?

Bonne journée,
Cdt,
Sylvain