A voir également:
- Probleme menu gallerie photo non fonctionnel
- Menu déroulant excel - Guide
- Partage photo - Guide
- Photo aérienne de ma maison - Guide
- Traduction menu photo - Guide
- Windows 11 menu démarrer classique - Guide
1 réponse
Salut pour les puces regardez du côté de la propriété list-style-type.
https://www.w3schools.com/cssref/pr_list-style-type.asp
Si vous voulez mettre une image personnalisée(à la place des puces parce que moi je ne voit pas de boutons mais des liens avec la balise <a>) il faut la rajouter dans le HTML.
Pour le positionnement vu que vous utilisez bootstrap autant le faire en bootstrap
https://duckduckgo.com/?q=apprendre+bootstrap
Sinon sans bootstrap faites une recherche sur "positionnement CSS" vous trouverez beaucoup de réponses puisque c'est quelque chose de basique et commun et qu'il existe d'innombrables solutions(qui doivent être adaptés au HTML de votre page bien sûr, le HTML définira l'ordre et selon les éléments leurs caractéristiques par défaut-dont le positionnement dans le flux par rapport aux autres éléments- et qui peuvent être changées avec CSS).
Sinon sans me pencher sur le code précisément(je n'ai pas le temps ni l'envie) ce qui ne va pas c'est que vous utilisez des DIV qui n'indiquent rien de la nature du contenu et sont donc à proscrire pour indiquer la nature des contenus avec des éléments adéquats(donc pas des div qui n'ont aucune valeur sémantique et sont donc à proscrire sauf pour des contenus non pertinents dans la page et encore).
https://fr.w3docs.com/apprendre-html/les-elements-semantiques-html5.html
ps: évidemment si vous utilisez bootstrap(et son système de grille) autant renoncer au positionnement que vous utilisez directement dans le CSS, c'est soi l'un soit l'autre sauf si vous aimez vous compliquer la vie et perdre l'avantage des 2 méthodes. Pour rappel Boostrap ce sont des règles CSS incluse par la programmation(JavaScript en l’occurrence ce qui explique que vous chargiez un fichier jquery qui est une librairie logicielle en JavaScript)
https://www.w3schools.com/cssref/pr_list-style-type.asp
Si vous voulez mettre une image personnalisée(à la place des puces parce que moi je ne voit pas de boutons mais des liens avec la balise <a>) il faut la rajouter dans le HTML.
Pour le positionnement vu que vous utilisez bootstrap autant le faire en bootstrap
https://duckduckgo.com/?q=apprendre+bootstrap
Sinon sans bootstrap faites une recherche sur "positionnement CSS" vous trouverez beaucoup de réponses puisque c'est quelque chose de basique et commun et qu'il existe d'innombrables solutions(qui doivent être adaptés au HTML de votre page bien sûr, le HTML définira l'ordre et selon les éléments leurs caractéristiques par défaut-dont le positionnement dans le flux par rapport aux autres éléments- et qui peuvent être changées avec CSS).
Sinon sans me pencher sur le code précisément(je n'ai pas le temps ni l'envie) ce qui ne va pas c'est que vous utilisez des DIV qui n'indiquent rien de la nature du contenu et sont donc à proscrire pour indiquer la nature des contenus avec des éléments adéquats(donc pas des div qui n'ont aucune valeur sémantique et sont donc à proscrire sauf pour des contenus non pertinents dans la page et encore).
https://fr.w3docs.com/apprendre-html/les-elements-semantiques-html5.html
ps: évidemment si vous utilisez bootstrap(et son système de grille) autant renoncer au positionnement que vous utilisez directement dans le CSS, c'est soi l'un soit l'autre sauf si vous aimez vous compliquer la vie et perdre l'avantage des 2 méthodes. Pour rappel Boostrap ce sont des règles CSS incluse par la programmation(JavaScript en l’occurrence ce qui explique que vous chargiez un fichier jquery qui est une librairie logicielle en JavaScript)