Menú jcyl.es

Junta de Castilla y León

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

  • Zona privada
  • Contacto

Idiomas

Redes sociales

  • Facebook
  • Twitter
  • Youtube

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

Listado fondos documentales

Filtro por inicial

Letra seleccionada:A

Abastecimientos, transporte y delegación provincia

Abastecimientos, transporte y delegación provincia

Arquitectos, Colegio de

Véase Colegios Profesionales

Asistencia Social, Instituto Nacional de

Véase Auxilio Social, Delegación Provincial

Asociaciones, Delegación Provincial

Véase Familia, Delegación Provincial

Página 1 de 3

Responsividad

El componente fluye, tanto las letras como el listado, adaptándose al ancho disponible.

Código

						
<div class="paginacion-letras">
	<h2 class="elemento-invisible">Filtro por inicial</h2>
	<ul>
		<li [class="act"]><a href="">A</a></li>
		<li><a href="">B</a></li>
		<li><a href="">C</a></li>
		<li><a href="">D</a></li>
		<li><a href="">E</a></li>
		<li><a href="">F</a></li>
		<li><a href="">G</a></li>
		<li><a href="">H</a></li>
		<li><a href="">I</a></li>
		<li><a href="">J</a></li>
		<li><a href="">K</a></li>
		<li><a href="">L</a></li>
		<li><a href="">M</a></li>
		<li><a href="">N</a></li>
		<li><a href="">Ñ</a></li>
		<li><a href="">O</a></li>
		<li><a href="">P</a></li>
		<li><a href="">Q</a></li>
		<li><a href="">R</a></li>
		<li><a href="">S</a></li>
		<li><a href="">T</a></li>
		<li><a href="">U</a></li>
		<li><a href="">V</a></li>
		<li><a href="">W</a></li>
		<li><a href="">X</a></li>
		<li><a href="">Y</a></li>
		<li><a href="">Z</a></li>
	</ul>
	<p><span class="elemento-invisible">Letra seleccionada:</span><span class="letra">[LETRA]</span></p>
</div>

<div class="listado fondo-documental">
  <div class="grupo">
    <h2>[ENCABEZADO]</h2>
    <ul>
      <li>
        <span class="titulo">[TÍTULO]</span>
        <ul>
          <li>
            <a href=""><span class="descripcion">[DESCRIPCIÓN]</span></a>
            <span class="info-fondo">
              <span class="unidades">Unidades: [NÚMERO] cajas</span>
              <span class="fechas">Fecha: De [AÑO1] a [AÑO2]</span>
            </span>
          </li>
          [...]
        </ul>
      </li>
      [...]
    </ul>
  </div>
</div>
						
					
  • Ilunion WCAG 2.0 WAI - AA