Bouton avec coin arrondi mais..
Résolu
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
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
9 réponses
-
bonsoir,
il vous faut poistionner votre bouton avec un css en position:absolute
-
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.. -
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 .
-
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.
-
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 -
Merci pour vous 2, ce n'est donc pas une question de css/html et faut s'y mettre à Photoshop du coup?!
-
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 ;) -
Merci beaucoup InAme19 :)
-
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/
