Tobi Uchiha
Puff Puff
- Registrado
- 11 Ago 2012
- Mensajes
- 8.573
- Puntos
- 113
- Edad
- 43
Hola gente!
Estoy haciendo unos ejercicios de html5 básico y me han pedido que haga una tabla de mi horario.
El problema es que no encuentro la manera de centrar la tabla en medio de la pantalla, sea del tamaño que sea la ventana.
Ya he tenido problemas con el código porque según muchas webs usan para definir el color del fondo de las celdas el bgcode="color" pero según la web w3schools.com html5 no soporta el bgcode, entonces he tenido que volver a cambiar todo por style="background-color:color".
Y claro, aquí viene el tema, en la mayoría de webs dicen usar CSS con "comandos" que no se ni de donde vienen y no quiero equivocarme.
Digo yo, en html5 debe haber alguna forma de centrar un objeto sin morirte en el intento. ¿no?
Dejo el código de lo que tengo por ahora (ya lo sé, es muy cutre) y se agradece toda ayuda y comentario.
Vale, ya he encontrado la mitad de la respuesta, ahora queda centrarlo en vertical...
Estoy haciendo unos ejercicios de html5 básico y me han pedido que haga una tabla de mi horario.
El problema es que no encuentro la manera de centrar la tabla en medio de la pantalla, sea del tamaño que sea la ventana.
Ya he tenido problemas con el código porque según muchas webs usan para definir el color del fondo de las celdas el bgcode="color" pero según la web w3schools.com html5 no soporta el bgcode, entonces he tenido que volver a cambiar todo por style="background-color:color".
Y claro, aquí viene el tema, en la mayoría de webs dicen usar CSS con "comandos" que no se ni de donde vienen y no quiero equivocarme.
Digo yo, en html5 debe haber alguna forma de centrar un objeto sin morirte en el intento. ¿no?
Dejo el código de lo que tengo por ahora (ya lo sé, es muy cutre) y se agradece toda ayuda y comentario.
Código:
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<title>Horari Grup SMX2-2</title>
</head>
<body>
[COLOR="#FF0000"]<div align="center">[/COLOR]
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
text-align: center;
}
th, td {
padding: 5px;
<!--text-align: center;-->
}
</style>
<table style="width: 50%" style="margin": 0 center;>
<tr>
<th colspan="6"><b> HORARIO GRUPO SMX2-2</b></th></th>
</tr>
<tr>
<th>Hora</th>
<th><b><i>Lunes</i></b></th>
<th><b><i>Martes</i></b></th>
<th><b><i>Miércoles</i></b></th>
<th><b><i>Jueves</i></b></th>
<th><b><i>Viernes</i></b></th>
</tr>
<tr>
<td><b><i>08:00-09:00</b></i></td>
<th style="background-color:black" rowspan="2"></th>
<th style="background-color:#E018E0" rowspan="2">M10 ARGO</th>
<th style="background-color:black" rowspan="2"></th>
<th style="background-color:#ED1212" rowspan="2">M6 Seguridad</th>
<th style="background-color:#ED1212" rowspan="2">M6 Seguridad</th>
</tr>
<td><b><i>09:00-10:00</b></i></td>
<!-- <tr>
<td></td>
<td>M10 ARGO</td>
<td></td>
<td>M6 Seguridad</td>
<td>M6 Seguridad</td>
</tr> -->
<tr>
<td><b><i>10:00-11:00</b></i></td>
<td style="background-color:#2DD62D">M8 App.Web</td>
<td style="background-color:#1E90FF">M4 SO Xarxa</td>
<td style="background-color:#2DD62D">M8 App.Web</td>
<td style="background-color:#1E90FF">M4 SO Xarxa</td>
<td style="background-color:#2DD62D">M8 App.Web</td>
</tr>
<tr>
<td><b><i>11:00-11:30</i></b></td>
<th colspan="5">Patio</th>
<!--<td>Patio</td>
<td>Patio</td>
<td>Patio</td>
<td>Patio</td> -->
</tr>
<tr>
<td><b><i>11:30-12:30</ib></i></td>
<td style="background-color:#2DD62D">M8 App.Web</td>
<td style="background-color:#1E90FF">M4 SO Xarxa</td>
<td style="background-color:#2DD62D">M8 App.Web</td>
<td style="background-color:#1E90FF">M4 SO Xarxa</td>
<td style="background-color:#2DD62D">M8 App.Web</td>
</tr>
<tr>
<td><b><i>12:30-13:30</b></i></td>
<th style="background-color:#FFFF00" rowspan="2">M7 Xarxa</th>
<th style="background-color:#FFA500" rowspan="2">M12 Síntesis</th>
<td style="background-color:#A7A7A7">Tutoría</td>
<td style="background-color:#FFA500">M12 Síntesis</td>
<th style="background-color:#FFFF00" rowspan="2">M7 Xarxa</th>
</tr>
<tr>
<td><b><i>13:30-14:30</i></b></td>
<td style="background-color:black"></td>
<td style="background-color:#FFFF00">M7 Xarxa</td>
</tr>
</table>
[COLOR="#FF0000"]</div>[/COLOR]
</body>
</html>Vale, ya he encontrado la mitad de la respuesta, ahora queda centrarlo en vertical...
Última edición:
