Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter
CSS et répartition des Div
Bonsoir !
qui peut m'aider pour faire ce modèle(image) ??
autre chose
j'aime mettre une image arrière plan dans les 2 colonnes(gauche et droite)
et que les 3 colonnes(gauche, centre et droite) se suivent !
c'est à dire quand par exemple je mets un contenu dans la colonne centre, les 2 autres suivent(en hauteur) !
merci d'avance !
Bonsoir,
tu peux toujours t'inspirer de Créer des colonnes de même hauteur en CSS
merci NoSmoking
donc j'ai réussi à faire quelque chose ! mais j'ai un petit problème !
voici mon code CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
puis le HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
mais le problème comme vous pouvez le voir : les images des 2 colonnes
(gauche et extreme_droite) ne suivent pas en hauteur ! pourtant j'ai mis : background:url(images/colonne.jpg) repeat-y;
(Remarque : quand j'enlève le "min-height" toute la colonne disparait)
en quoi réside le problème ??
désolé je ne suis pas trop calé en CSS !
Bonjour,
en utilisant les propriétés table et table-cell et après aménagement de votre code voici un résultat:
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
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
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
4
5
6
7
8
9
10
"rodolphebrd" mille merci
problème résolu ! je vous remercie encore une fois
problème résolu ! mais juste une dernière chose :
pour le même code(posté par "rodolphebrd") !
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
comment masquer l'espace inséré entre les images répétitives ??
De quel espace parlez-vous?
Voici l'exemple en ligne: codepen
normalement c'est bon !Envoyé par rodolphebrd
* pour les colonnes gauche et droite : au début j'ai utilisé des images(fond)
avec une hauteur de 1500 px ! y a un espace blanc qui s'ajoute entre
les images(à chaque début d'image) ! maintenant j'ai modifié l'hauteur (200px)!
et c'est bon !
* pour la colonne centre :
voici l'image initiale(panel.gif) :
et quand je mets ce code CSS(le votre) :
display: table-cell;
width:700px;
word-break:break-all;
background:url(../images/panel.gif);
background-repeat:repeat-y;
ça donne :
???
y a des traits rouges qui s'ajoutent entre les images répétitives
(vous pouvez les voir sur l'image) ! c'est du à quoi ??
la solution que j'ai trouvé :
j'ai mis "no-repeat' et 'background-size:100% 100%;' et c'est bon !
je sais pas si c'est la bonne solution ! mais mieux que rien !
Je ne vois pas vos images..
En général quand vous ne voyez pas ce que vous postez, je ne le vois pas non plus...
Utilisez le bouton : Prévisualisation du message.
Sinon si je ne m'abuse voici ce que vous cherchez, sachant que je n'ai pas d'apparition de traits rouge! :codepen
Merci pour votre coup de main.
Deuxième problème résolu ! Sujet clos (pour moi).
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Répondre avec citation
Partager