Vérifiez les coins arrondis des onglets principaux in this site Ce sont des images d'arrière-plan avec une largeur de 440px, et il s'ajuste toujours à l'élément contenant sans perdre les bords arrondis.Comment faire une image d'arrière-plan pour ajuster sa taille à l'élément contenant?
On dirait que l'élément de liste et l'ancre ont tous deux la même image de fond, juste à des décalages différents.
L'image est définie comme arrière-plan pour chacun de ces éléments. L'ancre est définie pour afficher la partie la plus à gauche de l'image tandis que l'élément de liste est défini sur la partie la plus à droite avec un remplissage juste assez large pour que l'image soit visible. La technique est connue comme Portes coulissantes. Voici les liens recueillies auprès de l'otheranswers:
ils utilisent une technique appelée "portes coulissantes". Vous pouvez en lire davantage sur A List Apart:
Il y a plusieurs tutoriels sur des coins arrondis sur le net.
En utilisant CSS2, vous pouvez essayer ce qui suit: CSS2 Tutorial
Si vous souhaitez utiliser CSS3: CSS3 Tutorial
Une simple recherche Google pour les coins arrondis vous donnera de nombreux tutoriels utiles.
Cela peut être uniquement pertinent sur le plan périphérique, mais nous devons veiller à ne pas laisser au navigateur le soin de redimensionner les grandes images à une taille plus pratique. Pourquoi remplir une page avec de grandes images si elles ne seront réduites que par le navigateur?
merci nick, bonne prise :) –