Discussion :

[razily]

Bonjour à tous ;
voilà je ne sais pas ce qui ont essayé ce framework , mais y a un comportement que je trouve bizarre voila je tente de faire un code simple qui consite mon footer auquel j'utilise le framework

code html

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
 
<div class="container_12">
 
 
 
<div class="grid_12">
 
		<div id="pied">
 
 
					<div class="grid_4 alpha">
 
					<!-- un code ici -->
					</div>
 
					<div class="grid_4 ">
					<!-- un code ici -->
 
					</div>
 
					<div class="grid_4 omega">
					<!-- un code ici -->
 
					</div>
 
 
		</div>							
 
 
 
 
 
 
 
 
		</div>
 
 
</div>

vous allez sans doute me demander quel est la nécessité du div pied
et bien comme çà je pourrai mettre des bordures sur les 3 grilles à vrai dire comme si c'était mettre une bordure sur class="grid_12"
je ne sais pas si en css
ce genre d'écriture est permise :

Code :

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

<div class="grid_12" id="pied">

mais j'ai souhaité ne pas toucher aux classes grid

maintenant quand vous rajoutez quelque chose de ce genre sur le css

Code :

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

1
2
3
4
5
6
7
 
#pied {
 
border:1px solid ;
 
 
}

mais vous n'allez pas me croire , la bordure elle va le faire , mais la dernière grille i-e <div class="grid_4 omega"> elle va sauter en bas comme si elle saute de ligne

est ce quelqu'un peut résoudre ce genre de problème car là je me demande comment je vais faire pour mettre une bordure à l'ensemble de mes grilles

merci

[copin]

bonjour,

Alors

Code :

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

<div class="grid_12" id="pied">

C'est possible...

Pour ton histoire de saut de ligne est ce que la somme des largeurs des grid_4 n'est pas supérieur à la largeur de tes container pied, grid-12 ou container12?

Le fait de mettre une

Code :

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

border:1px solid ;

implique que chaque div prend 2px de plus en largeur 1px à droite et 1 px à gauche soit au total 6px. donc ton dernier dic à pas assez de place pour se mettre.

Essaie de mettre à la place

Code :

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

border-bottom:1px solid ;

La bordure ne va se mettre que dans le bordure du bas tes div devrait se remettre en place.
Si c'est bien cela tu peux essayer de surcharger les width de tes grid_4 dans la css.

[razily]

bonjour,

Alors

Code :

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

<div class="grid_12" id="pied">

C'est possible...

Pour ton histoire de saut de ligne est ce que la somme des largeurs des grid_4 n'est pas supérieur à la largeur de tes container pied, grid-12 ou container12?

Le fait de mettre une

Code :

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

border:1px solid ;

implique que chaque div prend 2px de plus en largeur 1px à droite et 1 px à gauche soit au total 6px. donc ton dernier dic à pas assez de place pour se mettre.

Essaie de mettre à la place

Code :

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

border-bottom:1px solid ;

La bordure ne va se mettre que dans le bordure du bas tes div devrait se remettre en place.
Si c'est bien cela tu peux essayer de surcharger les width de tes grid_4 dans la css.

merci pour ta réponse , je vais essayer de voir çà de plus prêt et améliorer le code de toute façon le projet en entier est déjà basé sur ce framework mais à l'avenir je compte sans doute faire avec du simple css pure