background-color voor afbeelding
CODE
index.php
Code (php)
1
2
3
2
3
<?php
echo '<div class="bgsec"><h5>'.$gr['name'].'</h5><img src="'.$gr['img1'].'" width="200" height="150" /><br /><div class="price"><s>€'.number_format($gr['price'],2, ',', ' ').'</s><br/><b>€'.number_format($gr['promo'],2, ',', ' ').'</b></div><br /><a href="cart.php?add='.$gr['id'].'">Add to cart</a></div>';
?>
echo '<div class="bgsec"><h5>'.$gr['name'].'</h5><img src="'.$gr['img1'].'" width="200" height="150" /><br /><div class="price"><s>€'.number_format($gr['price'],2, ',', ' ').'</s><br/><b>€'.number_format($gr['promo'],2, ',', ' ').'</b></div><br /><a href="cart.php?add='.$gr['id'].'">Add to cart</a></div>';
?>
style.css
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
.bgsec {
height: 300px;
width: 200px;
border-radius: 15px;
box-shadow: 0 0 3px 3px #ccc;
background-color: #ffffff;
padding: 0 5px 5px 5px;
}
.bgsec img {
margin-top: -20px;
z-index: -1;
}
.price s {
font-size: 12px;
margin-left: 20px;
}
.price b {
margin: 15px 0 0 6px;
}
.price {
width: 80px;
height: 80px;
background-color: #c0392b;
border-radius: 40px;
margin-top: -60px;
z-index: 999;
}
height: 300px;
width: 200px;
border-radius: 15px;
box-shadow: 0 0 3px 3px #ccc;
background-color: #ffffff;
padding: 0 5px 5px 5px;
}
.bgsec img {
margin-top: -20px;
z-index: -1;
}
.price s {
font-size: 12px;
margin-left: 20px;
}
.price b {
margin: 15px 0 0 6px;
}
.price {
width: 80px;
height: 80px;
background-color: #c0392b;
border-radius: 40px;
margin-top: -60px;
z-index: 999;
}
