Discussion :

[helkøwsky]

Hello,

jai fait un tableau en div parceque juste trop galère les background-images dans des balises tr enfin bref voici mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
32
33
34
35
36
37
38
39
40
41
42
 
<div class="panier">
 
 
				<div class="panier_header">
				<caption class="panier_entete">Votre panier</caption>
				</div>
				<div class="panier_body">
				<div class="cell_1">	<b>Vos produits</b>	</div>
				<div class="cell_2">	<b>Prix</b>			</div>
 
				<div class="cell_3">	<b>Qty</b>			</div>
				<div class="cell_4">	<b>Total</b>		</div>	
				</div>		
							<div class="panier_body">
								<div class="cell_1">ghz		</div>
								<div class="cell_2">4 	</div>  	
								<div class="cell_3"> 3x 					</div> 
								<div class="cell_4">12	</div>
 
							</div>		
							<div class="panier_body">
								<div class="cell_1">xxx		</div>
								<div class="cell_2">3.90 	</div>  	
								<div class="cell_3"> 8x 					</div> 
								<div class="cell_4">31.2	</div>
							</div>		
							<div class="panier_body">
								<div class="cell_1">yyy		</div>
								<div class="cell_2">4 	</div>  	
								<div class="cell_3"> 8x 					</div> 
								<div class="cell_4">32	</div>
							</div>		
							<div class="panier_body">
								<div class="cell_1">	<b>Prix total :</b> 												</div>
								<div class="cell_4">	75.2 								</div>
							</div>
							<div class="panier_foot">
								<div class="cell_1">	<a href="http://localhost/test/accueil_membre.php?panier">s</a>		</div>
								<div class="cell_4">	<a href="http://localhost/test/accueil_membre.php?commander">s</a>	</div>
							</div>		
			</div>

et le css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
.panier 
{
	color: black;
	float: right;
	margin-right: 5%;
	position:relative;
	width: 307px;
}
.panier_header
{
	padding-top: 5px;
	padding-left: 5px;
	margin: 0px;
	background: url(image/panier/entete.jpg) no-repeat;
	height: 26px;
}
.panier_body_total
{
	width: 307px;
	height: 30px;
	background: url(image/panier/centre.jpg) no-repeat;
	float: right;
}
.panier_body
{
	width: 307px;
	height: 30px;
	background: url(image/panier/centre.jpg) no-repeat;
	float: left;
}
.panier_foot
{
	width: 307px;
	height: 30px;
	background: url(image/panier/piedpage.jpg) no-repeat;
	float: left;
}
.cell_1
{
	padding-left: 5px;
	float: left;
	width: 127px;
	height: 30px;
}
.cell_2
{
	float: left;
	width: 50px;
	height: 30px;
}
.cell_3
{
	float: left;
	width: 50px;
	height: 30px;
}
.cell_4
{
	float: left;
	width: 75px;
	height: 30px;
}

en attachment le résultat, cependant je voudrais avoir "prix total" aligné avec la colonne "qty" et le "75.2" total aligné avec les "prix" comment dois-je ?procéder ?