Bonjour et merci à ceux qui voudrons bien prendre de leurs temps pour m'aider.
Je veut faire un menu comme ceci:
j'ai fait le html suivant:
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <section class="grid-item deux grid-container-time"> <h1 class="title-red">Horraires</h1> <section class="bleu">Heure Film Salle</section> <section class="white">12h tommy 1</section> <section class="gris-f">14h in the wood 1</section> <section class="white">14h le chien perdu 2</section> <section class="gris-f">18h lavoir et les seins 1</section> <section class="white">18h truqueur sur gage 2</section> </section>
Et le CSS qui va avec:
Évidement ça ne donne pas le résultat attendu.
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 .grid-item{ border: 2px solid #222222; } .grid-container-time { display: grid; grid-template-columns:1fr; } .bleu{ background-color:#527bea; } .white{ background-color: white; } .gris-f{ background-color: #858585; }
SI vous avez une idée ou une solution à me proposé je suis preneuse
Partager