28172 sujets

CSS et mise en forme, CSS3

Salut à tous,

En faisant l'intégration de mon site Internet, j'ai utilisé la propriété "Outline" pour encadrer les images. Seulement voilà, cette propriété ne fonctionne pas sous Internet Explorer.

Alors à part créer des images encadrés directement sous Photoshop, est-ce que vous auriez une autre solution ?

Merci pour votre aide
Administrateur
Hello,

Pourquoi ne pas utiliser border ?
... ou attendre que IE8 enterre ses prédécesseurs ? Smiley cligne
img { border:3px solid blue; } par exemple.

(grilled par le boss Smiley smile )
Modifié par Arsene (24 Mar 2009 - 19:24)
Je n'utilise pas border parceque je veux laisser un espace blanc autour de l'image d'environ deux pixels, et ensuite j'applique outline.

mon code se présente comme ceci :


img { 
   border:2px solid white;
   outline:1px solid black;
}

Modérateur
bonjour,

Outline n'est pas necessaire pour l'effet que tu recherches , si c'est le seul.

img { 
   padding:2px;
   background: white;
   border:1px solid black;
}


Outline est plutot a privilégier pour des effets visuels et dynamique (a mon avis) , comme le focus sur un champs de formulaire , le click sur un lien , ... certains navigateur font ça d'ailleurs trés bien sans surcouche de style .

GC
Salut à tous,

Je reviens dans ce post, car j'ai un léger souci.

En effet, la dernière fois j'avais remarqué que cette astuce fonctionne uniquement quand on donne à un block un arrière plan de taille fixe (une image par exemple). Mais quand on définit un arrière plan avec l'option repeat-x par exemple, les cotés ne sont pas pris en compte par la propriété padding.

Regardez dans l'image que je joins.

upload/15338-bg13.png

Quelqu'un saurait comment m'aider sur ce point ?

Merci