I found this code in bootsnip. I'm trying to make the image I have on my computer show with this code. The code works well when the url is external. When I put an internal url does not respond. What am I doing wrong?
Here is the code:
CSS
.paymentWrap {
padding: 50px;
}
.paymentWrap .paymentBtnGroup {
max-width: 800px;
margin: auto;
}
.paymentWrap .paymentBtnGroup .paymentMethod {
padding: 40px;
box-shadow: none;
position: relative;
}
.paymentWrap .paymentBtnGroup .paymentMethod.active {
outline: none !important;
}
.paymentWrap .paymentBtnGroup .paymentMethod.active .method {
border-color: #4cd264;
outline: none !important;
box-shadow: 0px 3px 22px 0px #7b7b7b;
}
.paymentWrap .paymentBtnGroup .paymentMethod .method {
position: absolute;
right: 3px;
top: 3px;
bottom: 3px;
left: 3px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: 2px solid transparent;
transition: all 0.5s;
}
.paymentWrap .paymentBtnGroup .paymentMethod .method.amex {
background-image: url("img/1.jpg"); ***ESTE NO FUNCIONA***
}
.paymentWrap .paymentBtnGroup .paymentMethod .method.vishwa {
background-image: url("http://i.imgur.com/VkiM7PL.jpg");
}
.paymentWrap .paymentBtnGroup .paymentMethod .method.ez-cash {
background-image: url("http://www.busbooking.lk/img/carousel/BusBooking.lk_ezCash_offer.png");
}
.paymentWrap .paymentBtnGroup .paymentMethod .method:hover {
border-color: #4cd264;
outline: none !important;
}
HTML
<div class="paymentCont">
<div class="headingWrap">
<h3 class="headingTop text-center">Select Your Payment Method</h3>
<p class="text-center">Created with bootsrap button and using radio button</p>
</div>
<div class="paymentWrap">
<div class="btn-group paymentBtnGroup btn-group-justified" data-toggle="buttons">
<label class="btn paymentMethod active">
<div class="method visa"></div>
<input type="radio" name="options" checked>
</label>
<label class="btn paymentMethod">
<div class="method master-card"></div>
<input type="radio" name="options">
</label>
<label class="btn paymentMethod">
<div class="method amex"></div>
<input type="radio" name="options">
</label>
<label class="btn paymentMethod">
<div class="method vishwa"></div>
<input type="radio" name="options">
</label>
<label class="btn paymentMethod">
<div class="method ez-cash"></div>
<input type="radio" name="options">
</label>
</div>
</div>
<div class="footerNavWrap clearfix">
<div class="btn btn-success pull-left btn-fyi"><span class="glyphicon glyphicon-chevron-left"></span> CONTINUE SHOPPING</div>
<div class="btn btn-success pull-right btn-fyi">CHECKOUT<span class="glyphicon glyphicon-chevron-right"></span></div>
</div>
</div>
