Skip to content

T
Tabla_de_posiciones
Commit ceeac7d4 by Yovan Martinez
Options

Terminado la tabla de posiciones con html y css

parents
Showing with 176 additions and 0 deletions
css/estilos.css 0 → 100644
body {
background: #1e1f24;
color: #333;
text-align: center;
font-family: "Arial";
font-size: 16px;
margin: 0;
padding: 0;
}
#container {
width: 70%;
padding: 1em;
text-align: left;
border: 1px solid #ddd;
margin: 0 auto;
}
#post {
background: white;
padding: 1em;
}
#post {
padding: 1em;
}
#tabla {
width: 100%;
/* border: black;*/
border: 1px solid;
border-collapse: collapse;
}
.filapar {
background: azure;
}
td #logo {
width: 20px;
vertical-align: middle;
}
td #check {
width: 20px;
vertical-align: middle;
}
td #mark {
width: 20px;
vertical-align: middle;
}
td #hyphen {
width: 20px;
vertical-align: middle;
}
td {
border: 1px;
}
th {
border: 1px;
}
\ No newline at end of file
tabla.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/estilos.css">
<title>tabla</title>
</head>
<body>
<div id="container">
<div id="post">
<table id="tabla" border="1">
<caption>Tabla de futbol que el profe me pone sabiendo bien que no se de futbol</caption>
<tbody>
<tr>
<th>Club</th>
<th>pj</th>
<th>G</th>
<th>E</th>
<th>P</th>
<th>GF</th>
<th>GC</th>
<th>DG</th>
<th>Pts</th>
<th>Ultimos 5</th>
</tr>
<tr>
<td>1 <img id="logo" src="Imagenes/logolibertad.png"> libertad</td>
<td>13</td>
<td>10</td>
<td>2</td>
<td>1</td>
<td>30</td>
<td>12</td>
<td>18</td>
<td>32</td>
<td><img src="Imagenes/check.png" id="check"><img src="Imagenes/check.png" id="check"><img src="Imagenes/hyphen.png" id="hyphen"><img src="Imagenes/crossmark.png" id="mark"><img src="Imagenes/check.png" id="check"></td>
</tr>
<tr class="filapar">
<td>2 <img id="logo" src="Imagenes/logocerro.png"> Cerro</td>
<td>13</td>
<td>10</td>
<td>1</td>
<td>2</td>
<td>25</td>
<td>8</td>
<td>17</td>
<td>31</td>
<td><img src="Imagenes/check.png" id="check"><img src="Imagenes/check.png" id="check"><img src="Imagenes/crossmark.png" id="mark"><img src="Imagenes/check.png" id="check"><img src="Imagenes/hyphen.png" id="hyphen"></td>
</tr>
<tr>
<td>3 <img id="logo" src="Imagenes/logoolimpia.png"> Olimpia</td>
<td>13</td>
<td>7</td>
<td>3</td>
<td>3</td>
<td>19</td>
<td>13</td>
<td>6</td>
<td>24</td>
<td><img src="Imagenes/check.png" id="check"><img src="Imagenes/check.png" id="check"><img src="Imagenes/check.png" id="check"><img src="Imagenes/hyphen.png" id="hyphen"><img src="Imagenes/crossmark.png" id="mark"></td>
</tr>
<tr class="filapar">
<td>4 <img id="logo" src="Imagenes/logoresistencia.png"> Resistencia</td>
<td>13</td>
<td>6</td>
<td>5</td>
<td>2</td>
<td>25</td>
<td>19</td>
<td>6</td>
<td>23</td>
<td><img src="Imagenes/check.png" id="check"><img src="Imagenes/crossmark.png" id="mark"><img src="Imagenes/hyphen.png" id="hyphen"><img src="Imagenes/check.png" id="check"><img src="Imagenes/hyphen.png" id="hyphen"></td>
</tr>
<tr>
<td>5 <img id="logo" src="Imagenes/logosoldeamerica.png"> Sol de america</td>
<td>13</td>
<td>5</td>
<td>3</td>
<td>5</td>
<td>14</td>
<td>17</td>
<td>-3</td>
<td>18</td>
<td><img src="Imagenes/hyphen.png" id="hyphen"><img src="Imagenes/crossmark.png" id="mark"><img src="Imagenes/crossmark.png" id="mark"><img src="Imagenes/check.png" id="check"><img src="Imagenes/crossmark.png" id="mark"></td>
</tr>
<tr class="filapar">
<td>6 <img id="logo" src="Imagenes/logonacional.png"> Nacional</td>
<td>13</td>
<td>5</td>
<td>2</td>
<td>6</td>
<td>16</td>
<td>21</td>
<td>-5</td>
<td>17</td>
<td><img src="Imagenes/crossmark.png" id="mark"><img src="Imagenes/crossmark.png" id="mark"><img src="Imagenes/check.png" id="check"><img src="Imagenes/check.png" id="check"><img src="Imagenes/check.png" id="check"></td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment