Faire un affichage en colonne avec 7 articles

Version imprimable

17/07/2008, 20h39
guy2004

Faire un affichage en colonne avec 7 articles

Salut, j'utilise un spip 1.9.2 et je cherche a mettre en page d'accueil 7 articles en colonne de 2.
Le premier en plus grand, et les 6 autres en 3 lignes de deux.
Pour le moment je n'arrive qu'a les mettres en 3 lignes de deux de la meme taille, quelqu'un a une idée ?
Merci beaucoup
18/07/2008, 11h35
Thes32

salut,
à moins que je n'ai mal compris, cela ne serait pas du html ?
18/07/2008, 11h46
guy2004

C'est du HTML avec des boucles. D'origines les articles s'affichent en 1 suele colonne, moi je veux sur 2 colonnes.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="tableau">
<BOUCLE_grand_art(ARTICLES){0,1}{doublons}>
<div id="grand">
#TITRE
</div>
</BOUCLE_grand_art>
 
<BOUCLE_petit_art(ARTICLES){doublons}>
<div class="petit">
#TITRE
</div>
</BOUCLE_petit_art>
<br class="net"/>
</div>

et pour la feuille de style :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#tableau{
width:200px;
}
 
#grand{
width:200px;
}
 
.petit {
float:left;
width:100px;
}
 
.net {
clear:both;
}

Bonjour,
Merci pour ton code, j'ai trouvé un exemple sur spip.net :

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
    <B_article_langue>
    #ANCRE_PAGINATION
 
 
	<B_ligne>
<table>
 
 
    <BOUCLE_article_langue(ARTICLES) {tout}{lang} {par date} {inverse} {pagination 10} {0,8}{doublons}>
	[
(#COMPTEUR_BOUCLE|alterner{'<tr>','',''})]
	<td width="33%">
	<a href="#URL_ARTICLE">#TITRE</a>
	</td>
	<td width="33%">
	<a href="#URL_ARTICLE"> [<div class="logo-liste-art">
		(#LOGO_ARTICLE_RUBRIQUE|#URL_ARTICLE||reduire_image{100,0})
	  </div>]</a>
	</td>
 
	[
(#COMPTEUR_BOUCLE|alterner{'','','</tr>'})
]
 
 
 
 
 
 
 
 
 
 
 
 
 
      <br class="nettoyeur" />
 
</BOUCLE_article_langue>
 
 
[(#TOTAL_BOUCLE|alterner{
    '<td></td><td></td></tr>','<td></td></tr>', ''})]
	  </table>
</B_ligne>
 
 
    [<div class="pagination">
      <div class="ligne1">
        <div dir="#LANG_DIR">#TOTAL_BOUCLE/#GRAND_TOTAL <:articles:></div>
      </div>
      <div class="ligne2">
        (#PAGINATION)
      </div>
    </div>]
 
    </B_article_langue>
    <//B_article_langue>

Ca correspond quasiment a ce que je cherche a faire, sauf que j'aimerai mettre le 1 er article en plus gros sur 1 seule ligne, et en dessous un tableau de 3 fois 2 articles.
Et comme je debute en spip j'ai pas encore trouvé...

19/07/2008, 16h11
mama07

arf, le code que je t'ai filé dispose tes articles en 2 colonnes et 4 lignes, dont un seul article sur la première ligne. Je me suis trompé
19/07/2008, 18h23
guy2004

Aurais-tu une idée par rapport a mon code ?