Version imprimable
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
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.
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.
Bonjour,
il nous faudrait voir comment tu déclares cela autant en CSS qu'en HTML, en clair il nous faut le code ;)Citation:
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 ?Citation:
Envoyé par xavier44100
Les contraintes ? Bah c'est une contrainte... Le Retina !!!
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é.
Merci de ton idée. Je vais essayé de faire ça. Je ne connais pas du tout le format .svg... ;-)
C'est un format fantastique qui remplacera aussi une bonne part des gif animés. N'oublie pas de revenir écrire ce que ça donne.