Activa JavaScript para disfrutar de los vídeos de la Mediateca.
CSS Tablas - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Las tablas tienen su propio tratamiento en algunos elementos
00:00:00
Y entonces vamos a entrar en ellos
00:00:03
Por ejemplo, ¿dónde vamos a colocar nuestro caption, nuestra leyenda?
00:00:05
Aquí en lo normal, es el estándar
00:00:11
Y podemos también indicárselo que lo haga abajo, en el botón
00:00:12
¿De acuerdo? Esa es una posibilidad
00:00:17
Para centrar en una tabla horizontalmente
00:00:18
Podemos establecer que marginLeft y marginRight tengan el valor auto
00:00:22
¿De acuerdo? Pues nada, con esto
00:00:27
Centramos nuestra tabla directamente
00:00:29
Y es una opción que podemos hacer
00:00:31
Incluso podemos a cada elemento
00:00:33
Dar unas características distintas
00:00:35
Como es la leyenda en este caso
00:00:36
Bien
00:00:38
Por defecto una tabla
00:00:40
Se muestra si no hacemos nada de esta manera
00:00:43
Pero nosotros podemos decir
00:00:45
Que es el border collapse
00:00:46
Separate
00:00:49
Pero podemos decir que esté en la información más junto
00:00:50
Que no se estén aplicando
00:00:53
Padding intermedios ni dobles letras
00:00:54
por ahí, entonces esto lo hacemos con
00:00:57
collapse, después ya podemos definir
00:00:59
el tipo de borde pues en función
00:01:01
de sus características
00:01:03
¿qué podemos hacer con las celdas
00:01:04
que no tienen información? pues podemos
00:01:07
hacer el defecto que es mostrarlas
00:01:09
o hide, que ni siquiera
00:01:11
tienen su marco, su borde alrededor
00:01:13
¿de acuerdo? y podemos definir
00:01:15
lo que queramos con eso
00:01:17
¿de acuerdo? entonces podemos
00:01:19
hacer así, podemos establecer un espaciado
00:01:21
de los bordes, entonces
00:01:23
vemos aquí que hay un espaciado
00:01:25
que va aplicando siempre el orden del reloj
00:01:27
pues vamos aplicando a lo que queramos
00:01:30
podemos
00:01:32
por supuesto
00:01:33
en el colarse pues esto
00:01:35
no va a hacer nada porque realmente
00:01:38
no hay separación
00:01:39
entre unas celdas
00:01:41
y otras
00:01:43
bien, esto de las tablas
00:01:45
junto, lo que se puede hacer
00:01:48
con los bordes y cada uno
00:01:50
de los elementos pues va configurando
00:01:52
características de un tipo
00:01:54
Estamos viendo aquí un montón de ejemplos que yo les sugiero que entren aquí y vayan viendo características de todas estas celdas para ver cómo vamos agrupando cada información.
00:01:56
- Idioma/s:
- Autor/es:
- Amadeo Mora
- Subido por:
- Amadeo M.
- Licencia:
- Dominio público
- Visualizaciones:
- 99
- Fecha:
- 29 de diciembre de 2020 - 10:03
- Visibilidad:
- Público
- Centro:
- IES CLARA DEL REY
- Duración:
- 02′ 09″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1364x768 píxeles
- Tamaño:
- 18.49 MBytes
