Discussion :

[Archinformatique]

Bonjour à tous,

Comme dit dans le titre je souhaite afficher sur 3 colonnes et voici le code actuel :

Code html :

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
<div class="content">
	<div class="content_botbg">
		<div class="content_res">
			<div id="breadcrumb">
				<?php if ( function_exists('cp_breadcrumb') ) cp_breadcrumb(); ?>
			</div>
			<div class="content_left">
                      			<div class="shadowblock_out">
					<div class="shadowblock">
						<h1 class="single dotted"><?php _e( 'Ad Categories', APP_TD ); ?></h1>
						<div id="directory" class="directory <?php cp_display_style( 'dir_cols' ); ?>">
							<?php echo cp_create_categories_list( 'dir' ); ?>
							<div class="clr"></div>
						</div><!--/directory-->
					</div><!-- /shadowblock -->
				</div><!-- /shadowblock_out -->
			</div><!-- /content_left -->
			<?php get_sidebar(); ?>
			<div class="clr"></div>
		</div><!-- /content_res -->
	</div><!-- /content_botbg -->
</div><!-- /content -->
<div class="content">
	<div class="content_botbg">
		<div class="content_res">
			<div id="breadcrumb">
				<?php if ( function_exists('cp_breadcrumb') ) cp_breadcrumb(); ?>
			</div>
			<div class="content_left">
          			<div class="shadowblock_out">
					<div class="shadowblock">
						<h1 class="single dotted"><?php _e( 'Ad Categories', APP_TD ); ?></h1>
						<div id="directory" class="directory <?php cp_display_style( 'dir_cols' ); ?>">
							<?php echo cp_create_categories_list( 'dir' ); ?>
							<div class="clr"></div>
						</div><!--/directory-->
					</div><!-- /shadowblock -->
				</div><!-- /shadowblock_out -->
			</div><!-- /content_left -->
			<?php get_sidebar(); ?>
			<div class="clr"></div>
		</div><!-- /content_res -->
	</div><!-- /content_botbg -->
</div><!-- /content -->

Et voilà ce que je souhaite insérer

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
-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
 
div {
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
 
div {
    -webkit-column-rule: 3px outset #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 3px outset #ff00ff; /* Firefox */
    column-rule: 3px outset #ff00ff;

Pouvez-vous m'indiquer le code finale sachant que l'on parle de la colonne de droite

P.S. je suis sen local... désolé

D'avance merci

cdt

[laurentSc]

Même si je m'étais fait décalquer, il y a peut-être des choses à prendre dans cette discussion :http://www.developpez.net/forums/d14...-liste-longue/

[Archinformatique]

Merci pour la réponse,

je regarde avec intérêt... mais je ne précise pas le jour.... (en tout les cas rapidement!)

[NoSmoking]

Bonjour,
@laurent : il te faudrait mieux lire la question ta proposition de discussion n'a strictement rien à voir avec le problème d'Archinformatique

Pouvez-vous m'indiquer le code finale sachant que l'on parle de la colonne de droite

j'ai quand même l'impression qu'une petite recherche t'aurais au moins donné Générateur de multi-colonnes en CSS3.

Attention à la compatibilité toutefois.

[laurentSc]

Je m'étais que si Archinformatique oubliait sa solution css et se rapprochait de la tienne, il pourrait obtenir un affichage sur 3 colonnes...

[Archinformatique]

Bonjour NoSmoking,

Pour être complètement sincère je l'avais effectivement trouvé. Et puis j'ai regardé le fichier concerné et je me suis dis qu'il fallait "introduire" des div et pas uniquement du css...

Bon je vais regarder de plus prêt et je donnerai le résultat

cdt