Menú jcyl.es

Junta de Castilla y León

Catálogo de componentes - Junta de Castilla y León

  • Zona privada
  • Contacto

Idiomas

Menu jcyl.es

Mi cuenta

usuario2017xxx

usuario@gmail.com

Mi cuenta

Cerrar sesión

Guía de estilos y componentesde la Junta de Castilla y León

Redes sociales

  • Facebook
  • Twitter
  • Youtube

Bibliobus

Enero
lu ma mi ju vi do
            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
Enero
lu ma mi ju vi do
            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
Enero
lu ma mi ju vi do
            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

Responsividad

El componente se distribuye colocando los calendarios en 3 columnas por encima de 1100px, por debajo se colocan en una única columna.

Código

						
<div class="bibliobus">
	<div class="calendario">
		<table>
			<caption>[MES]</caption>
			<tr>
				<th abbr="Lunes">lu</th>
				<th abbr="Martes">ma</th>
				<th abbr="Miércoles">mi</th>
				<th abbr="Jueves">ju</th>
				<th abbr="Viernes">vi</th>
				<th abbr="Sábado">sá</th>
				<th abbr="Domingo">do</th>
			</tr>
			<tr>
				<td> </td>
				<td> </td>
				<td> </td>
				<td> </td>
				<td> </td>
				<td> </td>
				<td>1</td>
			</tr>
			<tr>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td>5</td>
				<td>6</td>
				<td>7</td>
				<td>8</td>
			</tr>
			<tr>
				<td class="actual">9</td>
				<td>10</td>
				<td class="seleccionado">11</td>
				<td>12</td>
				<td class="actual seleccionado">13</td>
				<td>14</td>
				<td><a href="">15</a></td>
			</tr>
			<tr>
				<td>16</td>
				<td>17</td>
				<td>18</td>
				<td>19</td>
				<td>20</td>
				<td>21</td>
				<td>22</td>
			</tr>
			<tr>
				<td>23</td>
				<td>24</td>
				<td>25</td>
				<td>26</td>
				<td>27</td>
				<td>28</td>
				<td>29</td>
			</tr>
			<tr>
				<td>30</td>
				<td>31</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
		<table>
			<caption>[MES]</caption>
			<tr>
				<th abbr="Lunes">lu</th>
				<th abbr="Martes">ma</th>
				<th abbr="Miércoles">mi</th>
				<th abbr="Jueves">ju</th>
				<th abbr="Viernes">vi</th>
				<th abbr="Sábado">sá</th>
				<th abbr="Domingo">do</th>
			</tr>
			<tr>
				<td> </td>
				<td> </td>
				<td> </td>
				<td> </td>
				<td> </td>
				<td> </td>
				<td>1</td>
			</tr>
			<tr>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td>5</td>
				<td>6</td>
				<td>7</td>
				<td>8</td>
			</tr>
			<tr>
				<td class="actual">9</td>
				<td>10</td>
				<td class="seleccionado">11</td>
				<td>12</td>
				<td class="actual seleccionado">13</td>
				<td>14</td>
				<td><a href="">15</a></td>
			</tr>
			<tr>
				<td>16</td>
				<td>17</td>
				<td>18</td>
				<td>19</td>
				<td>20</td>
				<td>21</td>
				<td>22</td>
			</tr>
			<tr>
				<td>23</td>
				<td>24</td>
				<td>25</td>
				<td>26</td>
				<td>27</td>
				<td>28</td>
				<td>29</td>
			</tr>
			<tr>
				<td>30</td>
				<td>31</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
		<table>
			<caption>[MES]</caption>
			<tr>
				<th abbr="Lunes">lu</th>
				<th abbr="Martes">ma</th>
				<th abbr="Miércoles">mi</th>
				<th abbr="Jueves">ju</th>
				<th abbr="Viernes">vi</th>
				<th abbr="Sábado">sá</th>
				<th abbr="Domingo">do</th>
			</tr>
			<tr>
				<td> </td>
				<td> </td>
				<td> </td>
				<td> </td>
				<td> </td>
				<td> </td>
				<td>1</td>
			</tr>
			<tr>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td>5</td>
				<td>6</td>
				<td>7</td>
				<td>8</td>
			</tr>
			<tr>
				<td class="actual">9</td>
				<td>10</td>
				<td class="seleccionado">11</td>
				<td>12</td>
				<td class="actual seleccionado">13</td>
				<td>14</td>
				<td><a href="">15</a></td>
			</tr>
			<tr>
				<td>16</td>
				<td>17</td>
				<td>18</td>
				<td>19</td>
				<td>20</td>
				<td>21</td>
				<td>22</td>
			</tr>
			<tr>
				<td>23</td>
				<td>24</td>
				<td>25</td>
				<td>26</td>
				<td>27</td>
				<td>28</td>
				<td>29</td>
			</tr>
			<tr>
				<td>30</td>
				<td>31</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
	</div>
	<ul class="navegacion">
		<li class="anterior"><a href="">Anterior</a></li>
		<li class="siguiente"><a href="">Siguiente</a></li>
	</ul>
</div>
						
					
  • Ilunion WCAG 2.0 WAI - AA