Discussion :

[xavier44100]

Bonjour à tous,

nouveau sur ce forum, j'espère poster au bon endroit.

Je cherche à faire en CSS (et surtout pas en image) un background avec des petits ronds comme sur ce site :http://studionudge.com.

Mon idée serait de faire une div avec un background contenant des • tout simplement.

Est-ce que quelqu'un a une solution ?!

Mille merci d'avance.

Xavier

[laffreuxthomas]

Bonjour. À mon avis, c'est une image (!) au format SVG qu'il vous faut. Sachant que dans une image SVG, vous pouvez embarquer du texte… Mais dans votre cas, le rond sera simplement fabriqué en tant que rond. Vous ferez votre image avec Inkscape.

[xavier44100]

J'ai bien pensé au SVG mais je peux pas dans mes contraintes. En CSS j'ai pu faire un truc avec une div et des • mais je ne pouvais pas régler la largeur comme je voulais. J'avais blindé une div de • et imposer une taille, couleur, en CSS. Mais la hauteur et largeur, je n'ai pas trouvé. With et height ne marchant pas dans mon cas.

[NoSmoking]

Bonjour,

Mais la hauteur et largeur, je n'ai pas trouvé. With et height ne marchant pas dans mon cas.

il nous faudrait voir comment tu déclares cela autant en CSS qu'en HTML, en clair il nous faut le code

[laffreuxthomas]

J'ai bien pensé au SVG mais je peux pas dans mes contraintes. En CSS j'ai pu faire un truc avec une div et des • mais je ne pouvais pas régler la largeur comme je voulais. J'avais blindé une div de • et imposer une taille, couleur, en CSS. Mais la hauteur et largeur, je n'ai pas trouvé. With et height ne marchant pas dans mon cas.

Cela n'aurait aucun sens sémantique. La bonne manière de répéter un motif c'est de le mettre en image de background. Pourquoi ne voulez-vous pas travailler de cette manière ? Quelles sont les contraintes ?

[xavier44100]

Les contraintes ? Bah c'est une contrainte... Le Retina !!!

[laffreuxthomas]

L'idéal serait du SVG répété en image de fond et dimensionné en em alors. Peut-être que la propriété CSS 3 "background-size" le permettrait ? Je n'ai jamais essayé.