lundi 5 décembre 2016

Multiple Checkboxes in a Picture with custom Checkboxes

My first Question was here: Multiple Checkboxes in a Picture

This works. But i can t replace the checkboxes. I wanted to build them like this: http://ift.tt/2gbE6sX or better just insert them in the boxes the edit the checkmark

everytime i try to replace the white-small checkboxes I can t choose their position

<html>
    <head>
    <style type="text/css">
    .pic{
    background: url("
http://ift.tt/2gbE6sX") no-repeat;
    width:600px;
    height:680px;
    position: relative;
    }
    .poin1{
    left: 165px;
    bottom:50px;
    position: absolute;
    }
    .poin2{
    left: 165px;
    bottom:90px;
    position: absolute;
    }
    .poin3{
    left: 155px;
    bottom:125px;
    position: absolute;
    }
    .poin4{
    left: 180px;
    bottom:122px;
    position: absolute;
    }
    </style>
    </head>
    <body>

    <div class="pic">
    <input type="checkbox" class="poin1">
    <input type="checkbox" class="poin2">
    <input type="checkbox" class="poin3">
    <input type="checkbox" class="poin4">

    </div>


    </body>
    </html>

Aucun commentaire:

Enregistrer un commentaire