Discussion :

[vivifromage]

Bonjour !

Une amie a réalisé mon site il y a un peu plus de 2 ans, avec sur la page boutique une colonne de gauche composée de 2 blocs ("catégories" et "informations") : http://vivifromage.com/shop.php

Je souhaite intercaler un bloc entre ces 2 blocs (avec le module 2nd block categories), mais lorsque je le fais, le bloc en question est beaucoup trop long :



Je souhaite obtenir 3 blocs dont la longueur totale est égale à la longueur de la page (qu'il faudra d'ailleurs sûrement augmenter) :



J'ai pu éditer le global.css pour modifier la longueur du 1er bloc "catégories", mais je ne sais pas comment appliquer des propriétés à un nouveau bloc. Comment procéder ?

Voilà le code actuel :

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
/* Block categories */
div#categories_block_left ul.tree { padding-left: 0.5em; padding-top: 10px;}
div#categories_block_left ul.tree li {
	border: none;
	padding-top: 7px;
	padding-left: 0;
	background: none;
	margin-left: 0;
	color: white;
	font-size: 1.1em;
}
div#categories_block_left ul.tree li.last { padding-bottom: 0 }
div#categories_block_left ul.tree li ul { padding: 2px 0 0 }
div#categories_block_left ul.tree li ul li {
	padding: 1px 0 1px 15px;
	background: none;
	font-size: 11px;
	font-weight: normal
}
div#categories_block_left ul.tree li ul li.last { padding-bottom: 0 }
div#categories_block_left ul.tree li ul li ul li {
	padding-left: 15px;
	font-size: 9px
}
div#categories_block_left ul.tree a {
	padding-left: 0;
	color: white;
}
div#categories_block_left ul.tree a:hover { text-decoration: none }
div#categories_block_left ul.tree a.selected {
	color: white;
	font-weight: normal;
}
div#categories_block_left span.grower {
	display: block;
	float: left;
	background-position: 0 3px;
	background-repeat: no-repeat;
	width: 9px;
	height: 15px;
	margin: 0 0 0 -12px!important;
	margin: 0 0 0 -8px;
	padding: 0
}
div#categories_block_left span.OPEN { background-image: url('../img/icon/less.gif') }
div#categories_block_left span.CLOSE { background-image: url('../img/icon/more.gif') }

Merci d'avance !

[Sereine]

Bonjour.
Ton code ne montre rien de particulier, si ce n'est quelques horreurs (du style 2 margin pour la même colonne ou encore qu'est ce que c'est que cette horrible structure: ul.tree li ul li ul li à première vu, ton site n'en a pas besoin, mais alors pas du tout... )
(je déteste l'écriture css en 'ligne', quoique je comprends l'utilité: gagné quelques octets, mais dans ton cas ça sert à rien, puisque ton code n'est pas optisé sur d'autres parties. )

(de plus, autant de code css pour regler des colonnes ... je trouve ça bien trop, il doit surement y avoir du code inutile )

Bref, la propreté de ton code n'est pas responsable de la taille de ton bloc (quoique) ...

Pour l'instant, je ne vois rien dans ton code qui puisse causer cette erreur. Le mieux serait que tu me montre ton site avec la nouvelle colonne, que je puisse voir quelle portion de code déconne.