Post by Mint on Feb 2, 2016 16:34:58 GMT -8
Okay so I am in need of some simple help. I just need some help with combining with CSS with this HTML code. Could someone help me?
How do I add this CSS:
To This HTML?:
How do I add this CSS:
}
table, tr, td {
border-collapse:collapse;
}
td {
border:white 2px solid;
height:auto;
width:auto;
}
th {
height:auto;
width:auto;
}
.clanname {
color:white;
font-size:20px;
font-family:century, times, serif;
}
To This HTML?:
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='style.css'/>
<script src='script.js'></script>
</head>
<body>
<div><table><tr><td style="border:none;"><table><tr>
<th colspan=4><span class="clanname">S P E C K L E C L A N</h2></th>
</tr>
<tr>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td></tr>
</table></td></tr>
<tr><td style="border:none;"><table><tr>
<th colspan=4><span class="clanname">M I S T C L A N</h2></th> </tr>
<tr>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td></tr>
</table></td></tr>
<tr><td style="border:none;"><table><tr>
<th colspan=4><span class="clanname">W H I S P E R C L A N</h2></th> </tr>
<tr>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td></tr>
</table></td></tr>
<tr><td style="border:none;"><table><tr>
<th colspan=4><span class="clanname">S M O K E C L A N</h2></th> </tr>
<tr>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td>
<td><img src="https://placehold.it/60x60" /></td></tr>
</table></td></tr></table>
</div>
</body>
</html>