Problème d'affichage des divs
Bonsoir à tous,
Voici mon problème :
Citation:
Je suis entrain de travailler sur l'affichage d'un catalogue sous le plugin e-commerce de wordpress. Mais petit problème ... Ma div principal (zone ici 'pink') qui doit contenir mes produits sous forme de block n'en contient seulement deux et les autres sont chassées de la principale que faire ?
Aperçu :
http://img12.imageshack.us/img12/221...itre4xl.th.jpg
Comment j'ai procédé pour l'instant :
Citation:
J'ai déclaré chaque block produit par une span qui contient l'aperçu, une balise h1 pour le titre, et une balise p pour la description avec un float left le tout pas en ID="" mais en Class=""
Mon code CSS :
Code:
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
| /* CONFIG CATALOGUE */
span.l-produits-catalogue {
position: relative;
top: 0;
right: 0;
float: left;
height: auto;
width: 310px!important;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 18px;
margin-right: 18px;
border: 1px solid #CF5788;
padding: 10px;
}
.l-produits-catalogue img {
display: block;
float: left;
max-height: 130px!important;
max-width: 70px!important;
margin-right: 10px;
}
.l-produits-catalogue h2 {
float: none;
height: auto;
font-family: Myriad pro;
font-size:14px;
font-weight: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
color: #CF5788;
text-transform: uppercase;
font-variant: normal;
}
a.titre-l-produits-catalogue {
float: none;
height: auto;
font-family: Myriad pro;
font-size: 14px;
font-weight: bold;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
color: #CF5788;
text-transform: uppercase;
font-variant: normal;
}
a.titre-l-produits-catalogue:hover {
float: none;
height: auto;
font-family: Myriad pro;
font-size: 14px;
font-weight: bold;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
color: #CF5788;
text-transform: uppercase;
font-variant: normal;
}
.l-produits-catalogue p {
float: none;
height: auto;
width: 100%;
font-family: Myriad pro;
font-size:14px;
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
color: #000;
text-align:justify!important;
}
span.lien-l-produits-catalogue {
float: right;
margin-left: 20px;
font-family: Myriad pro;
color: #CF5788;
margin-top: 10px;
}
span.c-text-produits-catalogue {
width: 210px;
float: left;
padding-left: 10px;
margin-left: 10px;
} |
Mon code simplifié :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <span class="l-produits-catalogue product_view_<?php echo wpsc_the_product_id(); ?> <?php echo wpsc_category_class(); ?>">
<a href="<?php echo wpsc_the_product_permalink(); ?>">
IMG
</a>
<span class="c-text-produits-catalogue">
<h2>
<a href="<?php echo wpsc_the_product_permalink(); ?>" class="titre-l-produits-catalogue" >
TITRE
</a>
</h2>
<p>DESCRIPTION</p>
</span>
</span> |
Quelqu'un aurait-il une solution ?
Merci d'avance à vous.
Adrien.
