Salut à vous,
 
 
 
Découvrant la propriété "border-image", qui me semble bien intéressante pour pas mal de raisons, (bien que ne fonctionnant pas sous IE )
je suis en train de la tester, et rien à faire ma bordure d'image n'apparaît pas dans un navigateur de prévisualisation (firefox)
 
 
Un petit tuto pour ceux (celles) qui ne connaissent pas :
http://www.lafermeduweb.net/billet [...] -1076.html
 
 
 
Voici l'image qui doit être affectée à ces bordures, sur un élément #page :
 

 
 
Donc l'idée n'est pas sorcière :  je veux récupérer sur 30 pixels les éléments dessinés latéralement.
Idem pour la ligne du haut, sur 15 px.
 
 
 
Voici mon code :  
   
CSS :  
 

 
Html :  
 

 
 
Je vois bien que l'élément  #page prend les attributs, en largeur, de cette bordure. Donc c'est correctement
écrit concernant la propriété.
 
Mais les bordures de l'image n'apparaissent pas.
 
 
J'ai 2 autres éléments sur ma page avec cette propriété "border-image", et j'ai même résultat : je vois bien de la bordure
du moins de l'espace-bordure qui s'est créé, mais pas d' images.  
 
-> J'ai appliqué sur un élément #piedepage cette propriété, là sur la bordure haute.
-> J'ai appliqué aussi sur mon #body cette propriété sur la bordure haute : là c'est pire car je n'ai pas cet espace "bordure" qui
se crée, contrairement à mes éléments #page et #piedepage.
 
 
 
Donc problèmes sur le chemin des images ?
 
Je l'ai réécrit 20 fois, dans toutes les possibilités (même si à priori ca me semble écrit correctement...)
 
 
Mon arborescence :  
 
--- mes fichiers html  
     |_ répertoire "css"
     |_ répertoire '"images"
 
 
 
 
Merci de votre help

Quand les exemples trouvés ne fonctionnent plus ça indique une modif de l'implémentation de la propriété, et effectivement -> http://dbaron.org/log/20120612-border-image
J'ai pas cherché plus mais ça devrait te mettre sur la piste

Bonjour. Ca semble une très très bonne piste en effet...
 
Merci