Cadre extensible de grande dimension

Je cherche à faire un cadre avec de images dans les coins et sur les cotés.
Voici l'image que je souhaite mettre au quatre coins :

http://uppix.net/4/7/0/97c9528a499f075ae6d8e8fac2295.png

Il y a bien http://covertprestige.info/css/boites-fluides/ , mais la méthode utilisé ne permet pas de faire des cadres extensible, sauf si l'on fait l'image des fond très longue.
Quelqu'un aurait une idée ?
Modifié par Florent V. (11 Aug 2009 - 17:43)

Bonjour aussi,

Une petite recherche t'aurais conduit à cet article qui lui-même conduit à ce tuto, qui devrait répondre à ta question.

Bonne continuation,
Modifié par Laurie-Anne (11 Aug 2009 - 13:26)

Laurie-Anne a écrit :
Bonjour aussi,

Une petite recherche t'aurais conduit à cet article qui lui-même conduit à ce tuto, qui devrait répondre à ta question.

Bonne continuation,

Le premier article ne correspond pas à ce que je recherche, c'est le même problème que l'article que je cite. Cela demande une image de fond prédéfinis.
Ce n'est pas ce que je souhaite, et cela empêche le cadre de s'élargir en longueur. C'est la méthode la plus répandue. La preuve, dans le deuxième liens, il n'y a qu'une méthode qui utilise 8 images.

Voici une liste des exemple intéressant :
http://www.clb56.fr/test_css/test_4bordures/round_border_complexe/ -> Image de fond très grande
http://www.clb56.fr/test_css/test_4bordures/exemple_2/ -> Image de fond très grande
http://sperling.com/examples/box/
Modifié par SpaceCowboy (11 Aug 2009 - 14:59)

Ok, il n'y en a qu'une qui fonctionne : http://sperling.com/examples/box/

Tiens donc, la solution vers laquelle je t'avais envoyée...

Pour le premier article, si on le lis jusqu'au bout, il donne un lien vers le second.
Modifié par Laurie-Anne (11 Aug 2009 - 15:44)

SpaceCowboy a écrit :
Il y a bien http://covertprestige.info/css/boites-fluides/ , mais la méthode utilisé ne permet pas de faire des cadres extensible, sauf si l'on fait l'image des fond très longue.
Quelqu'un aurait une idée ?

Traduction: «il y a bien cet article, mais la méthode utilisé ne permet pas de faire des cadres extensibles dans le cas où on ne respecte pas les pré-requis de la méthode».

Comme le dirait Homer Simpson: d'oh.

Le but de ce genre de contrainte est d'éviter les travers suivants:
- Une structure avec une dizaine de DIV imbriqués pour dessiner une boite.
- Le téléchargement de 8 images séparées (8 hits HTTP, à télécharger deux par deux maximum avec un navigateur web classique).

Le premier problème est un problème de lisibilité et de maintenabilité du code HTML. Le deuxième problème est un problème d'optimisation des performances.

Ceci dit, la technique retenue, même si elle présente ces deux problèmes, n'est pas foncièrement mauvaise.

Elle n'est pas mauvaise non, mais c'est la plus répandue et elle est simple à faire.

Je recherche cette structure de DIV car j'aimerais faire un cadre autour d'une image. Cette image peut être une capture d'écran et elle peut avoir la résolution de l'écran.
Donc je suis obligé de l'utiliser.

Même la méthode que j'ai retenue ne permet pas vraiment de faire ce que je recherche.
Les coins des images dans l'exemple ne sont pas transparent ou arrondis. Elles sont carrés et la couleur de fond correspond à la couleur de fond de la page.
Si on met un effet de transparence sur les bord arrondis, c'est l'image en haut et bas qui est afficher en image de fond des coins ...

http://uppix.net/5/3/7/b409326430a344b72202376cf126c.png
Pas génial ...
Modifié par SpaceCowboy (12 Aug 2009 - 09:40)

SpaceCowboy a écrit :
Même la méthode que j'ai retenue ne permet pas vraiment de faire ce que je recherche.

Tableau à 9 cellules. Ça donne un code HTML plus lisible que 8 ou 9 DIV imbriqués, ça n'est pas particulièrement problématique pour l'accessibilité (même si pas complètement tip-top), et ça marche très bien.

Oh, et dans ton cas ça permet de travailler avec trois images au lieux de huit.
Modifié par Florent V. (12 Aug 2009 - 11:26)