uni

Thing1's amazing uni repo
Log | Files | Refs

commit de4d149e5299a3a439bf90bec023b63f21418b6e
parent 564b1185871830891edf8376335d49392e121213
Author: thing1 <thing1@seacrossedlovers.xyz>
Date:   Wed,  4 Mar 2026 16:23:37 +0000

started fix on project

Diffstat:
MCS10120/project/cv.html | 24+++++++++++-------------
MCS10120/project/cvstyle.css | 60+++++++++++++++++++++++++++++++-----------------------------
2 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/CS10120/project/cv.html b/CS10120/project/cv.html @@ -9,17 +9,14 @@ <h1>Lucas Standen</h1> </header> - <aside> - <table> - <tbody> - <tr> - <td>07123456789</td> - <td>lucas@example.com</td> - <td>420 foobar road EN</td> - </tr> - </tbody> - </table> - </aside> + <div id="bar"> + <h2>Contact</h2> + <ul> + <li>07123456789</li> + <li>lucas@example.com</li> + <li>420 foobar road EN</li> + </ul> + </div> @@ -108,7 +105,7 @@ </thead> <tbody> <tr> - <td>Judith M.<br>Head chef at the 3 heads pub</td> + <td>Judith M.<br>Head chef at the 3 Heads Pub</td> <td>074567890, <a href="mailto:jum41@aber.ac.uk">jum41@aber.ac.uk</a></td> </tr> <tr> @@ -123,8 +120,9 @@ <footer> - <a href="./disclaimer.html">Disclaimer</a> + <a href="./index.html">Return to the amazing world of Lucas Standen</a> <pre>This page contains false information and is for demonstration only</pre> + <a href="./disclaimer.html">Disclaimer</a> <small><p id="pageLastChanged"></p></small> <script src="scripts/lastmodified.js"></script> </footer> diff --git a/CS10120/project/cvstyle.css b/CS10120/project/cvstyle.css @@ -1,51 +1,53 @@ html{ - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } table { - border-collapse: collapse; - margin-left: 350px; + border-collapse: collapse; + margin: auto; + width: 60%; } td, th { - border: 1px solid rgb(126, 159, 220); - text-align: left; - padding: 8px; + border: 1px solid rgb(126, 159, 220); + text-align: left; + padding: 8px; } tr:nth-child(even) { - background-color: rgb(126, 159, 220); + background-color: rgb(126, 159, 220); } -h1{ - background-color: rgb(126, 159, 220); - padding: 30px; - text-align: center; - color: rgb(5, 4, 99); - +h1 { + background-color: rgb(126, 159, 220); + padding: 30px; + text-align: center; + color: rgb(5, 4, 99); } -aside{ - float: left; - align: left; - width: 200px; - padding-bottom: 800px; - padding-top: 200px; - padding-right: 10px; - padding-left: 20px; - background-color: rgb(126, 159, 220); +h2 { + margin: auto; + align: center; + text-align: center; + padding: 20px; } -aside table { - margin-left: 0px; - width: 2px; + +#bar { + width: 200px; + float: left; + padding-bottom: 700px; + padding-top: 200px; + padding-right: 10px; + background-color: rgb(126, 159, 220); } -aside tr { - width: 10px; +hr { + border-top: 3px solid rgb(5, 4, 99); } -hr.solid{ - border-top: 3px solid rgb(5, 4, 99); +footer { + align: center; + text-align: center; }