bouton avec coin arrondi mais..Résolu/Fermé

Question

Bonjour,
je veux créer des bouton avec un coin arrondi en bas à droite, c'est pas très compliqué à faire, mais mon soucis c'est que mon arriere plan sera une carte de google maps, une image vaux mieu que mile phrase  (l'image n'est pas terrible mais bon)  :

http://www.monsterup.com/upload/1254135402608.jpg

Comment faire? Merci d'avance

giheller · Answer

bonsoir,

il vous faut poistionner votre bouton avec un css en position:absolute

nizar94 · Answer

Bonsoir, merc pour ta réponse, mais je me suis peut etre mal expliqué,
la question c'est comment faire l'arrondi? avec un arrière plan fixe je sais le faire mais là, encore une fois, c'est ma carte google maps l'arrière plan..

giheller · Answer

je ne vois pas le problème.
le bouton est-il par dessus la carte, en desoous ?
la carte à une dimension fixe, il est donc possible de position un bouton en coordonnées absolue.
ou peut être faut-il récupérer la taille de la carte et positionner le bouton en fonction de la hauteur de la carte .

InAme19 · Answer

Nan mais si j'ai bien compris il arrive à mettre le bouton sur la carte mais on voit un bord carré gris au lieu de celui arrondi qu'il veut. Donc c'est pour ça qu'une image png réglerai le problème.

giheller · Answer

ah oui, il est petit le truc

alors pour faire ça je créerai un bouton en gif avec le grisé transparent.
le bouton est là https://www.cjoint.com/?jCr63Vw2YV

nizar94 · Answer

Merci pour vous 2, ce n'est donc pas une question de css/html et faut s'y mettre à Photoshop du coup?!

InAme19 · Answer

alors si tu as photoshop c'est bien mais sinon utilise paint.net, il gère la transparence et est très léger comme logiciel.

Tu peux le télécharger là https://www.commentcamarche.net/telecharger/photo-graphisme/16833-paint-net/

Et non ce n'est pas un problème css/html, c'est juste ton image qui est comme ça ;)

nizar94 · Answer

Merci beaucoup InAme19 :)

nizar94 · Answer

c'est pratique ce service, ça peut servir :

https://www.online-tech-tips.com/software-reviews/free-advanced-network-ip-and-port-scanner-security-tool/

Bouton avec coin arrondi mais..

9 réponses

Newsletters