<Resuelto> ¿Div dentro de div-grid?

pedrinalex

Curioso
Verificación en dos pasos desactivada
Desde
7 Ago 2019
Mensajes
6
Crédito(s)
0
Puntos
0
Hola a todos.

Espero me ayude alguien a resolver esto. Me explico:

1.- Tengo un div-semanario, con un width fijo, dentro del cual hay un div-semanas que determino mediante una fórmula.
2.- En ese div-semanario establecí un display:grid; y un grid-template-columns: repeat(__Semanas__ , 1fr) ;

Al querer que div-semanas se presente __Semanas__ veces de manera horizontal, perooooooo la representación está apareciendo apilado y no continuo.
(anexo imagen de lo que obtengo).

Parte del código a continuación

<style>

div.semanario {
position : absolute ;
top : 5px ;
left : -1px ;
width : 829px ;
heigth : 5px ;
margin : 0px ;
padding : 0px ;
display : grid ;
display : grid ;
grid-template-columns: repeat(__Semanas__ , 1fr) ;
z-index : -12 ; ¶
}

div.semana {
width : __PixSem__ ;
font-size:10px ;
border-right : red 1px solid ;
background-color : cyan ;
z-index : -11 ;
}
</style>

<body>

<div class = 'semanario' >

<div class = 'semana' > 1 </div>
<div class = 'semana' > 2 </div>
<div class = 'semana' > 3 </div>
<div class = 'semana' > 4 </div>
<div class = 'semana' > 5 </div>
<div class = 'semana' > 6 </div>
<div class = 'semana' > 7 </div>
<div class = 'semana' > 8 </div>
<div class = 'semana' > 9 </div>
<div class = 'semana' > 10 </div>
<div class = 'semana' > 11 </div>

</div>

Quiero cree que hay una manera de que los div class = 'semana' aparezcan uno a continuación de otro y no apilados

De antemano, muchas gracias

Saludos

Pedrodiv-horizontal.JPG
 
Última edición:

pedrinalex

Curioso
Verificación en dos pasos desactivada
Desde
7 Ago 2019
Mensajes
6
Crédito(s)
0
Puntos
0
Sensacional.

Mil gracias, funcionó de maravilla

Muchas gracias

Saludos
 

Arriba