- Desde
- 7 Ago 2019
- Mensajes
- 6
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
Pedro
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
Pedro
Última edición: