Kolla igenom min hemsida?(HTML och CSS)
Hej,
Har precis gjort klart en enkel och kort hemsida i HTML och CSS för ett skolprojekt. Skulle någon vilja kolla igenom den så att jag använt rätt element i HTML, använt rätt attribut i CSS och strukturerat all kod korrekt? Det är 5 html filer, ingen är speciellt lång och CSS filen är inte speciellt lång heller. Här är all kod:
CSS:
@charset "UTF-8";
/*http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
* {
margin: 0;
padding: 0;
border: 0;
}
body {
width: 960px;
margin: auto;
font-family: Calibri, Arial, sans-serif, "Helvetica Neue";
background-color: #b4050d;
overflow-y: scroll; /*lägger till en scrollbar på alla sidor*/
}
header {
margin: 5px auto;
text-align: center;
}
.menu > ul {
margin: 15px 0;
}
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
ul li {
display: inline-block;
position: relative;
background-color: #12124d;
width: 200px;
margin-right: 35px;
text-align: center;
}
ul li ul {
display: none;
position: absolute;
}
ul li ul li {
width: 100%;
}
ul li:hover ul {
display: block;
}
ul {
display: inline-block;
width: 100%;
}
ul li a {
padding: 10px 20px;
display: block;
}
ul li:hover {
background: #4b545f;
}
.menu a, .menu a:visited {
color: #ffffff;
text-decoration: none;
font-family: sans-serif;
}
.menu > ul > li:hover > a {
color: #ffffff;
}
.menu ul li ul li:hover a {
color: #ffffff;
}
.container a:link{
color: #000000;
text-decoration: none;
}
.container a:hover {
text-decoration: none;
}
a:visited {
color: #000000;
}
.container {
width: 640px;
float: left;
clear: both;
padding-bottom: 10px;
margin-right: 78px;
}
.container .content1, .container .content2 {
display: block;
float: left;
width: 299px;
}
.content1 {
float: left;
}
.content1:after {
content: '';
float: left;
height: 90%;
border-right: 2px solid #12124d;
}
.content2 {
float: left;
margin-left: 42px;
}
.content2 h2 {
text-align: left;
}
.content1 img {
float: left;
}
.content2 img {
float: right;
}
article {
text-align: justify;
width: 675px;
}
.nextgame{
border: 2px solid #12124d;
width: 196px;
float: left;
background-color: #f7b0b0;
text-align: center;
}
.lastgame {
border: 2px solid #12124D;
width: 196px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
background-color: #f7b0b0;
text-align: center;
}
.lastgame:first-line {
font-weight: bold;
}
.nextgame:first-line {
font-weight: bold;
}
.truppen {
width: 680px;
margin-right: 38px;
margin-bottom: 18px;
}
.liga {
width: 680px;
margin-right: 38px;
margin-bottom: 18px;
}
.spelschema {
width: 680px;
margin-right: 38px;
margin-bottom: 18px;
}
.skytteliga {
width: 680px;
margin-right: 38px;
margin-bottom: 18px;
}
.games {
float: left;
width: 200px;
}
.contact {
width: 680px;
margin-bottom: 18px;
}
table {
margin: 0 auto;
float: left;
border-spacing: 0;
border: 4px solid #ff6363;
border-style: outset;
margin-top: 10px;
border-radius: 10px;
width: 75%;
}
th {
padding: 5px;
}
tr.odd {
background-color: #ff6363;
}
tr.odd1 {
background-color: #e7797a;
}
tr.odd2 {
background-color: #cf9191;
}
table {
border: 4px solid #ff6363;
border-style: outset;
margin-top: 10px;
border-radius: 10px;
width: 75%;
}
thead {
font-size: 120%;
}
td {
text-align: center;
}
.time {
position: absolute;
top: 0;
left: 0;
}
.date {
position: absolute;
top: 0;
left: 60px;
}
footer {
width: 915px;
text-align: center;
border: 1px solid #000000;
clear: both;
}
index.html:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>ArsenalGunners - Startsida</title>
<link href="arsenalgunners.css" rel="stylesheet" />
</head>
<body>
<header role="banner">
<a href="index.html">
<img class="logo" src="images/header.png" alt="ArsenalGunners" />
</a>
<span class="time"></span>
<span class="date"></span>
</header>
<nav role="navigation" class="menu">
<ul>
<li><a href="truppen.html">Truppen</a></li>
<li><a href="spelschema.html">Spelschema</a></li>
<li><a href="">Tabeller</a>
<ul>
<li><a href="ligatabell.html">Ligatabell</a></li>
<li><a href="skytteliga.html">Skytteligan</a></li>
</ul>
</li>
<li><a href="kontakt.html">Om oss</a></li>
</ul>
</nav>
<div role="main" class="container">
<div class="content1">
<section>
<img src="images/arsenalhome.png" alt="Emirates" />
<h3>Arsenal-Everton</h3>
<p>
<a href="artikel.html#artikel1">"Matchen mellan Arsenal och Everton slutade 0-0. Hemmalaget hade kommandot i andra halvlek men lyckades
inte avgöra matchen. Resultatet gynnar toppkonkurrenterna..."</a>
</p>
</section>
<section>
<img src="images/walcott.png" alt="Walcott" />
<h3>Arsenal-United</h3>
<p>
<a href="artikel.html#artikel2">"Arsenal spelade ovagjort mot United efter ett tidigt mål av Walcott och en straff i första halvlekens
slutminuter av Robin van Persie. Mycket stod på spel när Arsenal tog emot..."</a>
</p>
</section>
</div>
<div class="content2">
<section>
<img src="images/mertesacker.png" alt="Mertesacker" />
<h3>Fulham-Arsenal</h3>
<p>
<a href="artikel.html#artikel3">"Per Mertesacker gjorde matchens enda mål i Londonderbyt mot Fulham på Craven Cottage, men trots en man mer i nästan hela matchen fick The Gunners
kämpa för att få med sig alla..."</a>
</p>
</section>
<section>
<img src="images/rosicky.png" alt="Rosicky" />
<h3>WBA-Arsenal</h3>
<p>
<a href="artikel.html#artikel4">"Arsenal såg länge ut att vara på väg mot en komfortabel bortaseger på The Hawthorns. Men efter att
Per Mertesacker blivit utvisad och WBA reducerat på straff blev matchen en riktig..."</a>
</p>
</section>
</div>
</div>
<aside role="complementary" class="games">
<div class="lastgame">
Senaste match<br />
QPR v ARSENAL 0-1<br />
Lördag 4 maj, 18:30<br />
Premier League<br />
</div>
<div class="nextgame">
Nästa match<br />
ARSENAL v WIGAN<br />
Tisdag 14 maj, 20:45<br />
Premier League<br />
Viasat Fotboll/HD<br />
</div>
</aside>
<footer role="contentinfo">
© Sidan gjord av.....
</footer>
<script src="jquery.js"></script>
<script src="js/date.js"></script>
<script src="js/time.js"></script>
</body>
</html>
truppen.html:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>ArsenalGunners - Truppen</title>
<link href="arsenalgunners.css" rel="stylesheet" />
</head>
<body>
<header role="banner">
<a href="index.html">
<img class="logo" src="images/header.png" alt="ArsenalGunners" />
</a>
<span class="time"></span>
<span class="date"></span>
</header>
<nav role="navigation" class="menu">
<ul>
<li><a href="truppen.html">Truppen</a></li>
<li><a href="spelschema.html">Spelschema</a></li>
<li><a href="">Tabeller</a>
<ul>
<li><a href="ligatabell.html">Ligatabell</a></li>
<li><a href="skytteliga.html">Skytteligan</a></li>
</ul>
</li>
<li><a href="kontakt.html">Om oss</a></li>
</ul>
</nav>
<table class="truppen">
<tr>
<th>Nummer</th>
<th>Namn</th>
<th>Position</th>
<th>Nationalitet</th>
<th>Född</th>
</tr>
<tr class="odd">
<td>1</td>
<td>Wojciech Szczesny</td>
<td>Målvakt</td>
<td>Polen</td>
<td>1990-04-18</td>
</tr>
<tr>
<td>2</td>
<td>Abou Diaby</td>
<td>Mittfältare</td>
<td>Frankrike</td>
<td>1986-05-11</td>
</tr>
<tr class="odd">
<td>3</td>
<td>Bacary Sagna</td>
<td>Ytterback</td>
<td>Frankrike</td>
<td>1983-02-14</td>
</tr>
<tr>
<td>4</td>
<td>Per Mertesacker</td>
<td>Mittback</td>
<td>Tyskland</td>
<td>1984-09-29</td>
</tr>
<tr class="odd">
<td>5</td>
<td>Thomas Vermaelen</td>
<td>Mittback</td>
<td>Belgien</td>
<td>1985-11-14</td>
</tr>
<tr>
<td>6</td>
<td>Laurent Koscielny</td>
<td>Mittback</td>
<td>Frankrike</td>
<td>1985-09-10</td>
</tr>
<tr class="odd">
<td>7</td>
<td>Tomas Rosciky</td>
<td>Mittfältare</td>
<td>Tjeckien</td>
<td>1980-10-04</td>
</tr>
<tr>
<td>8</td>
<td>Mikel Arteta</td>
<td>Mittfältare</td>
<td>Spanien</td>
<td>1982-03-26</td>
</tr>
<tr class="odd">
<td>9</td>
<td>Lukas Podolski</td>
<td>Anfallare</td>
<td>Tyskland</td>
<td>1985-06-04</td>
</tr>
<tr>
<td>10</td>
<td>Jack Wilshere</td>
<td>Mittfältare</td>
<td>England</td>
<td>1992-01-01</td>
</tr>
<tr class="odd">
<td>12</td>
<td>Oliver Giroud</td>
<td>Anfallare</td>
<td>Frankrike</td>
<td>1986-09-30</td>
</tr>
<tr>
<td>14</td>
<td>Theo Walcott</td>
<td>Anfallare</td>
<td>England</td>
<td>1989-03-16</td>
</tr>
<tr class="odd">
<td>15</td>
<td>Alex Oxlade-Chamberlain</td>
<td>Mittfältare</td>
<td>England</td>
<td>1993-09-15</td>
</tr>
<tr>
<td>16</td>
<td>Aaron Ramsey</td>
<td>Mittfältare</td>
<td>Wales</td>
<td>1990-12-26</td>
</tr>
<tr class="odd">
<td>18</td>
<td>Sebastien Squillaci</td>
<td>Mittback</td>
<td>Frankrike</td>
<td>1980-09-11</td>
</tr>
<tr>
<td>19</td>
<td>Santi Cazorla</td>
<td>Mittfältare</td>
<td>Spanien</td>
<td>1984-12-13</td>
</tr>
<tr class="odd">
<td>20</td>
<td>Johan Djourou</td>
<td>Mittback</td>
<td>Schweiz</td>
<td>1987-01-18</td>
</tr>
<tr>
<td>21</td>
<td>Lukasz Fabianski</td>
<td>Målvakt</td>
<td>Polen</td>
<td>1985-04-18</td>
</tr>
<tr class="odd">
<td>22</td>
<td>Francis Coquelin</td>
<td>Mittfältare</td>
<td>Frankrike</td>
<td>1991-05-13</td>
</tr>
<tr>
<td>23</td>
<td>Andrej Arshavin</td>
<td>Anfallare</td>
<td>Ryssland</td>
<td>1981-05-29</td>
</tr>
<tr class="odd">
<td>24</td>
<td>Vito Mannone</td>
<td>Målvakt</td>
<td>Italien</td>
<td>1988-03-12</td>
</tr>
<tr>
<td>25</td>
<td>Carl Jenkinson</td>
<td>Ytterback</td>
<td>England</td>
<td>1992-02-08</td>
</tr>
<tr class="odd">
<td>26</td>
<td>Emmanuel Frimpong</td>
<td>Mittfältare</td>
<td>Ghana</td>
<td>1992-01-10</td>
</tr>
<tr>
<td>27</td>
<td>Gervinho</td>
<td>Anfallare</td>
<td>Elfensbenskusten</td>
<td>1987-05-27</td>
</tr>
<tr class="odd">
<td>28</td>
<td>Kieran Gibbs</td>
<td>Ytterback</td>
<td>England</td>
<td>1989-09-26</td>
</tr>
</table>
<aside role="complementary" class="games">
<div class="lastgame">
Senaste match<br />
QPR v ARSENAL 0-1<br />
Lördag 4 maj, 18:30<br />
Premier League<br />
</div>
<div class="nextgame">
Nästa match<br />
ARSENAL v WIGAN<br />
Tisdag 14 maj, 20:45<br />
Premier League<br />
Viasat Fotboll/HD<br />
</div>
</aside>
<footer role="contentinfo">
© Sidan gjord av.....
</footer>
<script src="jquery.js"></script>
<script src="js/date.js"></script>
<script src="js/time.js"></script>
</body>
</html>
spelschema.html:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>ArsenalGunners - Spelschema</title>
<link href="arsenalgunners.css" rel="stylesheet" />
</head>
<body>
<header role="banner">
<a href="index.html">
<img class="logo" src="images/header.png" alt="ArsenalGunners" />
</a>
<span class="time"></span>
<span class="date"></span>
</header>
<nav role="navigation" class="menu">
<ul>
<li><a href="truppen.html">Truppen</a></li>
<li><a href="spelschema.html">Spelschema</a></li>
<li><a href="">Tabeller</a>
<ul>
<li><a href="ligatabell.html">Ligatabell</a></li>
<li><a href="skytteliga.html">Skytteligan</a></li>
</ul>
</li>
<li><a href="kontakt.html">Om oss</a></li>
</ul>
</nav>
<table class="spelschema">
<thead class="resultat">
<tr>
<th>Datum</th>
<th>Hemmalag</th>
<th>Resultat</th>
<th>Bortalag</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>03/03</td>
<td>Tottenham</td>
<td>2-1</td>
<td>Arsenal</td>
</tr>
<tr>
<td>16/03</td>
<td>Swansea City</td>
<td>0-2</td>
<td>Arsenal</td>
</tr>
<tr class="odd">
<td>30/03</td>
<td>Reading</td>
<td>1-4</td>
<td>Arsenal</td>
</tr>
<tr>
<td>06/04</td>
<td>W.B.A.</td>
<td>1-2</td>
<td>Arsenal</td>
</tr>
<tr class="odd">
<td>13/04</td>
<td>Arsenal</td>
<td>3-1</td>
<td>Norwich</td>
</tr>
<tr>
<td>06/04</td>
<td>Arsenal</td>
<td>0-0</td>
<td>Everton</td>
</tr>
<tr class="odd">
<td>20/04</td>
<td>Fulham</td>
<td>0-1</td>
<td>Arsenal</td>
</tr>
<tr>
<td>28/04</td>
<td>Arsenal</td>
<td>1-1</td>
<td>Man. United</td>
</tr>
<tr class="odd">
<td>04/05</td>
<td>QPR</td>
<td>0-1</td>
<td>Arsenal</td>
</tr>
<tr>
<td>14/05</td>
<td>Arsenal</td>
<td>-</td>
<td>Wigan</td>
</tr>
<tr class="odd">
<td>19/05</td>
<td>Newcastle</td>
<td>-</td>
<td>Arsenal</td>
</tr>
<tr>
<td>14/05</td>
<td>Arsenal</td>
<td>-</td>
<td>Wigan</td>
</tr>
</tbody>
</table>
<aside role="complementary" class="games">
<div class="lastgame">
Senaste match<br />
QPR v ARSENAL 0-1<br />
Lördag 4 maj, 18:30<br />
Premier League<br />
</div>
<div class="nextgame">
Nästa match<br />
ARSENAL v WIGAN<br />
Tisdag 14 maj, 20:45<br />
Premier League<br />
Viasat Fotboll/HD<br />
</div>
</aside>
<footer role="contentinfo">
© Sidan gjord av.....
</footer>
<script src="jquery.js"></script>
<script src="js/date.js"></script>
<script src="js/time.js"></script>
</body>
</html>
kontakt.html:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>ArsenalGunners - Om oss</title>
<link href="arsenalgunners.css" rel="stylesheet" />
</head>
<body>
<header role="banner">
<a href="index.html">
<img class="logo" src="images/header.png" alt="ArsenalGunners" />
</a>
<span class="time"></span>
<span class="date"></span>
</header>
<nav role="navigation" class="menu">
<ul>
<li><a href="truppen.html">Truppen</a></li>
<li><a href="spelschema.html">Spelschema</a></li>
<li><a href="">Tabeller</a>
<ul>
<li><a href="ligatabell.html">Ligatabell</a></li>
<li><a href="skytteliga.html">Skytteligan</a></li>
</ul>
</li>
<li><a href="kontakt.html">Om oss</a></li>
</ul>
</nav>
<p class="contact">
<br />Vi är två personer som har gjort denna hemsida i ett skolprojekt i kursen Webbutveckling. Denna hemsida var vår första tillsammans och är
till för alla svenska Arsenalfans.Vi hoppas du gillar hemsidan.
</p>
<footer role="contentinfo">
© Sidan gjord av.....
</footer>
<script src="jquery.js"></script>
<script src="js/date.js"></script>
<script src="js/time.js"></script>
</body>
</html>
artikel.html:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>ArsenalGunners - Artikel</title>
<link href="arsenalgunners.css" rel="stylesheet" />
</head>
<body>
<header role="banner">
<a href="index.html">
<img class="logo" src="images/header.png" alt="ArsenalGunners" />
</a>
<span class="time"></span>
<span class="date"></span>
</header>
<nav role="navigation" class="menu">
<ul>
<li><a href="truppen.html">Truppen</a></li>
<li><a href="spelschema.html">Spelschema</a></li>
<li><a href="">Tabeller</a>
<ul>
<li><a href="ligatabell.html">Ligatabell</a></li>
<li><a href="skytteliga.html">Skytteligan</a></li>
</ul>
</li>
<li><a href="kontakt.html">Om oss</a></li>
</ul>
</nav>
<article id="artikel1">
<h1>Arsenal-Everton</h1>
<p>"Arsenal hoppades kunna utöka sin segersvit till fem raka i Premier League men ett tufft spelande Everton satte stopp för det. Båda lagen hade
chanser att ta ledningen även om Arsenal låg närmast tre poäng i andra halvlek. Det oavgjorda resultatet innebär att avståndet ner till Everton, som
ligger precis nedanför europaplatserna, kvarstår. Konkurrenterna Tottenham och Chelsea är emellertid de som jublar mest över 0-0-matchen på Emirates
Stadium."</p>
<h4>Första halvlek</h4>
<p>"Everton startade matchen bra och hade matchens första farlighet när Steven Pienaar fick öppet skottläge efter en djupledsboll men avslutet gick
över. Båda lagen kämpade för att få greppet om mittfältet och matchen blev hetare ju längre halvleken pågick. Arsenals första riktiga målchans kom när
Kieran Gibbs sköt över. När matchuret närmade sig halvtimmen spelad fick Darron Gibson gult kort för en tackling på Theo Walcott. Några minuter senare
fick Arsenal ett omställningsläge och samme Gibson spelade irländsk roulette när han medvetet stängde Theo Walcott. Domaren blåste frispark men lät
Evertonspelaren komma undan ett andra gult kort och utvisning. Minuten därpå fick däremot Pienaar en varning för en nästan identisk förseelse. I
slutet av halvleken fick lagen varsin chans att ta ledningen. Victor Anichebe var på väg igenom men avslutet från trängt läge studsade på två
försvarare och utspringande Wojciech Szczesny kunde fånga bollen. Polacken, som fyller 23 år på torsdag, vaktade målet för första gången sedan
matchen mot Tottenham. Strax därpå hittade Aaron Ramsey fram till Olivier Giroud med en crossboll från högerkanten. Fransmannen slängde sig fram och
träffade bollen före utspringande Tim Howard, men vänsteravslutet gick en meter utanför stolpen. Första halvlekens klart bästa chans."</p>
<h4>Andra halvlek</h4>
<p>"Några minuter in i andra halvlek testade Arsenal återigen Howard då Santi Cazorla drog på en halvvolley. Chanserna började dugga tätare än i
första halvlek men varken Leighton Baines frisparkar eller Girouds lägen resulterade i mål. Ross Barkley var dock nära att chocka hemmapubliken när
hans skott från 20 meter smet centimeter utanför Szczesnys vänstra stolpe. 19-åringen skulle senare bli både varnad och utbytt. I minut 68 genomförde
The Gunners ett dubbelbyte när Walcott samt Wilshere gick ut och ersattes av Oxlade-Chamberlain plus Podolski. Everton satsades också framåt då
Nikica Jelavic kom in istället för Barkley. Hemmalaget fick ett par möjligheter på en dubbelhörna och Ramseys avslut tvingade Howard att börja jobba
mer och mer. Med lite mindre än kvarten kvar att spela fick Olivier Giroud två bra lägen att sätta Arsenal i förarsätet. Det första var en kontring,
där fransmannen nickade ner bollen till Podolski för att sedan påbörja en 60 meters löpning. Passningar från Cazorla och Oxlade-Chamberlain såg
därefter till att Howard blev överspelad för andra gången i matchen, men två försvarare kunde i sista ögonblicket stoppa Giroud från att sätta
bollen i nät. Den andra chansen kom också på pass från "The Ox". Giroud vände bort Phil Jagielka och sköt med högerfoten från målområdeslinjen, bara
för att se skottet gå över. Båda lagen fortsatte gå för tre poäng även om Arsenal pressade på mest. Med ett par minuter kvar fick Everton en
omställning men Kevin Mirallas kunde inte avsluta då en Arsenalfot kom emellan. Strax därpå var Mikel Arteta nära att komma igenom och avgöra mot sin
gamla klubb, Evertons försvar hann dock avstyra i sista sekund. När klockan precis passerade 90 minuter byttes Nacho Monreal in istället för Gibbs för
att få ytterligare kraft i slutminuterna. Spanjoren sprang ner Evertons inhoppare Naismith och fick gultkort med minuten kvar av de fyra tillagda.
"The Toffees" hoppades sno åt sig hela konfekten och flyttade fram mycket folk på frisparken men fick inget avslutsläge. Evertons byten på övertid
innebar drygt en minut extra speltid men inget av lagen fick någon mer chans att avgöra matchen."</p>
</article>
<article id="artikel2">
<h1>Arsenal-Manchester United</h1>
<p>En jämn match där båda lagen hade initiativet i varsinn halvlek slutade oavgjort, men Arsenal känner nog att de borde vunnit matchen då Sagna mer
eller mindre på egen hand skapade Uniteds mål ur inget. Resultatet som sådant var positivt i kampen om Champions Leagueplatserna och innebär att
Chelsea och Tottenham kan få problem om de skulle spela oavgjort när de möts."</p>
<h4>Första halvlek</h4>
<p>"Arsenal började matchen i ett högt tempo och redan efter två minuter kunde Rosicky hitta Walcott fri på högerkanten. Ytter skar in och helt fri
med De Gea gjorde han inget misstag. Även om Walcott egentligen var offside var drömstarten var ett faktum. Arsenal fortsatte, inspirerade av
målet, att trycka på. Rosikcy och framförallt Cazorla testade De Gea med tidiga avslut utifrån.Unitedspelarna hade svårt att få tag i bollen och drog
på sig många varningar. Jones, van Persie, Rafael och Evans fick alla syna Dowds kort. Under större delen av halvleken var det enda de skapade en
halvfarlig nick från Jones. Men på slutet small det till. Först van Persie med en nick helt fri från nära håll som Szczesny lyckades avvärja med sitt
ansikte. Sedan ytterliggare en nick från Jones. Slutligen var det Sagna som ställde till det med en slarvig hemmåtpass som van Persie snappade upp.
Sagna jagade ikapp men misslyckades med tacklingen och straffen var ett faktum. Från 11 meter gjorde van Persie inget misstag och första halvleken
slutade 1-1."</p>
<h4>Andra halvlek</h4>
<p>"Andra halvleken började sämre för Arsenal, United verkade ha vaknat ur sin slummer. Dock skapade inget av lagen några klara målchanser till en
början. Rooney hade en nick som kunde blivit farlig men den gick rakt på Szczesny. I den 65:e minuten blåste Dowd för hands på Valencia,
Arsenalspelarna skrek på straff men istället blev det frispark precis utanför straffområdet. En frispark Cazorla inte alls utnyttjade bra. Större
delen av halvleken förlöpte utan att något av lagen skapade några fantastiska chanser. Det var lite skott utifrån och några inspel men inget som någon
gång såg ut att hota på allvar. Men med fem minuter kvar hettade det till lite. Gibbs blev nedragen i straffområdet och skulle kanske ha fått något
med sig. Därefter fick Cazorla iväg ett bra skott. Den sista riktiga chansen i matchen föll till Giggs men Oxlade-Chamberlain kunde täcka ut bollen
till hörna. Matchen slutade 1-1."</p>
</article>
<article id="artikel3">
<h1>Fulham-Arsenal</h1>
<p>"Per Mertesacker gjorde matchens enda mål i Londonderbyt mot Fulham på Craven Cottage, men trots en man
mer i nästan hela matchen fick The Gunners kämpa för att få med sig alla tre poäng. Ett tidigt rött kort för Fulham såg ut att bli avgörande i
det soliga Londonderbyt på Craven Cottage, och när även en gänglig och numera målfarlig tysk satte ledningsmålet några minuter innan den första
halvlekens slut, såg matchen ut att gå precis dit Wenger ville. Fulham ville dock annorlunda och stod för en imponerande andra halvlek och var
flera gånger nära att sätta kvitteringen."</p>
<h4>Första halvlek</h4>
<p>"Arsenal tog tag i matchen direkt men ett välorganiserat Fulham gjorde det svårt för The Gunners att skapa
några riktiga chanser. Fulham började dock äta sig in i matchen mer och mer men när Steve Sidwell, den gamla Arsenalprodukten, fult tacklade
ner Arteta och fick syna det röda kortet, kändes det som hoppet dog en aning för hemmalaget. Fulham deppade dock inte över det och var minst
lika bra som Arsenal både spelmässigt och chansmässigt, där både Berbatov och Emanuelsson hade två vassa lägen. Giroud stod för ett lurigt
avslut i stolpen men utöver det hade Arsenal svårt att skapa riktigt vassa chanser. Fulham fortsatte alltjämt att försvara sig väl och Arsenal
hade svårt att få igång sitt sedvanliga passningsspel, därför var det kanske inte helt oväntat att ledningsmålet och tillslut också det enda
målet tillkom på en fast situation. Walcott skickade in en bra boll i straffområdet och en spänstig Koscielny nådde högst och nickskarvade till
polaren Mertesacker som enkelt satte 1-0 till Arsenal i öppen bur."</p>
<h4>Andra halvlek</h4>
<p>"Det var ett taggat hemmalag som återvände på planen till den andra halvleken. Det dröjde 10-15 minuter innan
Arsenal äntligen fick lite lugn och ro och kunde hålla i bollen. Andra halvleken påminde mycket om den första, Arsenal hade förtvivlat svårt att
komma till några bra målchanser och passningsspelet var långt ifrån briljant som det brukar vara hos The Gunners. De sista 20 minuterna av
matchen var det bara Fulham som försökte åstadkomma något, och när Petric byttes in med knappt tio minuter kvar att spela började forceringen
på allvar. Trots att man var en man färre kändes det långt ifrån avgjort och Arsenal slog mer och mer ifrån sig bollen istället för att hålla
i den. Fulham fick under kort tid tre stycken bra frisparkslägen och hade en boll i nät när Manolev, höll sig framme på en dålig retur från
Szczesny på Richardsons frispark. Målet avvinkades dock för offside, en helt korrekt sådan. Arsenal hade ett riktigt bra läge att stänga den här
matchen när den nyinbytte Jack Wilshere hittade Santi Cazorla, men spanjoren dröjde lite med avslutet och Richardson kunde täcka skottet. I den
90e minuten skulle även Arsenal få syna det röda kortet då Giroud, enligt Andre Marriner, inte prickade bollen först och då var det slutspelat
även för fransmannen. Fulham fortsatte att trycka på och Vermaelen byttes in för att hjälpa till de sista minuterna. Mycket närmare än så kom
dock aldrig Fulham, istället kunde Wilshere springa sig loss och servera Ramsey till ett bra läge, men Ramsey har aldrig varit någon stor
målgörare och sköt inte helt oväntat bollen till inspark. Det grämde sig nog varken Ramsey eller Arsenal sig över då Andre Marriner direkt
efter det blåste av matchen och tre blytunga poäng var i hamn."</p>
</article>
<article id="artikel4">
<h1>WBA-Arsenal</h1>
<p>"Arsenal såg länge ut att vara på väg mot en komfortabel bortaseger på The Hawthorns. Men efter att Per
Mertesacker blivit utvisad och WBA reducerat på straff blev matchen en riktig nagelbitare."</p>
<h4>Första halvlek</h4>
<p>"Wenger ställde upp med samma startelva som mot Reading förra helgen. När Howard Webb väl blåste igång matchen var det gästerna som tog kommandot
om matchen och pressade tillbaka hemmalaget långt ner i banan. Men det var WBA som skulle få matchens första heta målchans. I den 12:e
matchminuten måttade Claudio Yacob en nick som såg ut att vara på väg in men på mållinjen stod Tomáš Rosický som fick undan bollen. Bra gjort av
Tjecken som skulle bli matchens stora utropstecken. Nu kändes det som att WBA var på väg in i matchen men det skulle bara dröja några minuter
innan Arsenal tog ledningen. Gervinho plockade ner en lång svepande boll till vänster i straffområdet. Därefter dribblade och tråcklade ivorianen
tills han fick iväg ett högt inspel in mot straffområdet. Perfekt placerad kunde då Rosický med huvudet styra in ledningsmålet till gästerna. 0-1
Arsenal! Målet var Tjeckens första i Premier League den här säsongen. Hemmalaget försökte efter Arsenals ledningsmål att gå till anfall och pressa
tillbaka bortalaget. Men varje gång WBA gick till anfall svarade. Arsenal genom bland annat snabba kontringar. Gervinho som var lysande senast mot
Reading fortsatte att spela bra även den här matchen. Ivorianen tog sig bland annat förbi Liam Ridgewell och avlossade ett skott men avslutet
kunde Foster i hemmamålet styra undan. Returen nådde dock ut till Aaron Ramsey som även han avlossade ett skot men Foster kunde än en gång rädda.
Med tre minuter kvar att spela av den första halvleken borde Arsenal ha utökat sin ledning. Olivier Giroud skarvade bollen till Ramsey som fick
bra avslutsläge från nära håll. Men walesarens avslut gick utanför. Halvleken slutade med en 0-1 ledning till bortalaget."</p>
<h4>Andra halvlek</h4>
<p>"Arsenal startade även den andra halvleken piggt. Gervinho serverade en överlappande Bacary Sagna men fransmannens avslut kunde Foster styra bort.
Men det skulle inte dröja länge innan Arsenals andra mål kom. I den 49:onde matchminuten hittade Ramseys inspel fram till Rosický. Tjecken prövade
skott ifrån straffområdeslinjen, ett skott som Foster räddade. Men returen gick rakt ut till en framrusande Rosický som dundrade in sitt och
Arsenals andra mål för matchen. 0-2 The Gunners! Bortalaget såg nu ut att vara på väg mot en relativt komfortabel bortaseger men hemmalaget
skulle inte ge sig i första taget. Morrison ville ha straff när Mertesacker föll över bollen i straffområdet. Men domaren Howard Webb vinkade
korrekt bort situationen. Men hemmalaget började skapa en del halvchanser och spelade bättre och bättre. Till slut skulle de också få utdelnings
för sitt hårda arbete. I den 70:onde matchminuten fick Shane Long en djupledspassning som han löpte efter in i straffområdet. Per Mertesacker
försökte sätta stopp för irländaren men rätt klumpigt drog han ner Long i straffområdet. Färdigspelat för tysken som fick rött kort och straff
för hemmalaget. Straffen dundrade Morrison in bakom Fabianski och nu var det nerv i matchen. Nu gällde det för Arsenal att fokusera på att hålla
sin ledning till varje pris. In kom Thomas Vermaelen istället för Gervinho, allt för att säkra upp bakåt. Och resterande del av matchen skulle bli
en riktig nagelbitare för alla Arsenal-fans. Hemmalaget pumpade in bollar i boxen resterande delen av matchen och skapade en hel del farliga
målchanser. Men ett tappert kämpande Arsenal stod emot bra. Hemmalagets bästa kvitteringschans fick Chelsea-lånet Lukaku som från nära håll
avlossade ett skott strax utanför. Matchen slutade 1-2 till Arsenal och bortalaget tog därmed tre otroligt viktiga poäng i kampen om Champions
League-platsen. Arsenal är nu förbi Chelsea i tabellen och placerar sig på den så härliga fjärdeplatsen. Chelsea har dock en match mindre spelad.
Arsenal gör en riktigt bra bortamatch och kontrollerar den väl fram till utvisningen som förändrar matchbilden. Men även efter hemmalagets
reduceringsmål står Arsenal upp bra och ger allt i varje duell. Extra kul för Rosický som får bli matchhjälte, tjecken som inte har fått så mycket
speltid den här säsongen. Nu gäller det för Arsenal att man behåller det momentum man lyckats bygga upp under de senaste omgångarna. För helt
klart är det att både Chelsea och Tottenham känner sig pressade av Arsenal då bägge lagen har en formkurva som inte är den bästa."</p>
</article>
<footer role="contentinfo">
© Sidan gjord av.....
</footer>
<script src="jquery.js"></script>
<script src="js/date.js"></script>
<script src="js/time.js"></script>
</body>
</html>
ligatabell.html:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>ArsenalGunners - Ligatabell</title>
<link href="arsenalgunners.css" rel="stylesheet" />
</head>
<body>
<header role="banner">
<a href="index.html">
<img class="logo" src="images/header.png" alt="ArsenalGunners" />
</a>
<span class="time"></span>
<span class="date"></span>
</header>
<nav role="navigation" class="menu">
<ul>
<li><a href="truppen.html">Truppen</a></li>
<li><a href="spelschema.html">Spelschema</a></li>
<li><a href="">Tabeller</a>
<ul>
<li><a href="ligatabell.html">Ligatabell</a></li>
<li><a href="skytteliga.html">Skytteligan</a></li>
</ul>
</li>
<li><a href="kontakt.html">Om oss</a></li>
</ul>
</nav>
<table class="liga">
<thead>
<tr>
<th>Pos </th>
<th>Lag</th>
<th>S</th>
<th>V</th>
<th>O</th>
<th>F</th>
<th>Skill</th>
<th>P</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>1</td>
<td>Man Utd</td>
<td>36</td>
<td>27</td>
<td>4</td>
<td>5</td>
<td>42</td>
<td>85</td>
</tr>
<tr class="odd">
<td>2</td>
<td>Man City</td>
<td>36</td>
<td>22</td>
<td>9</td>
<td>5</td>
<td>31</td>
<td>75</td>
</tr>
<tr class="odd">
<td>3</td>
<td>Chelsea</td>
<td>36</td>
<td>20</td>
<td>9</td>
<td>7</td>
<td>34</td>
<td>69</td>
</tr>
<tr class="odd1">
<td>4</td>
<td>Arsenal</td>
<td>36</td>
<td>19</td>
<td>10</td>
<td>7</td>
<td>31</td>
<td>67</td>
</tr>
<tr class="odd2">
<td>5</td>
<td>Tottenham</td>
<td>36</td>
<td>19</td>
<td>9</td>
<td>8</td>
<td>18</td>
<td>66</td>
</tr>
<tr class="odd2">
<td>6</td>
<td>Everton</td>
<td>36</td>
<td>15</td>
<td>15</td>
<td>6</td>
<td>14</td>
<td>60</td>
</tr>
<tr class="odd2">
<td>7</td>
<td>Liverpool</td>
<td>36</td>
<td>14</td>
<td>13</td>
<td>9</td>
<td>25</td>
<td>55</td>
</tr>
<tr class="odd2">
<td>8</td>
<td>WBA</td>
<td>37</td>
<td>14</td>
<td>6</td>
<td>17</td>
<td>-4</td>
<td>48</td>
</tr>
<tr class="odd2">
<td>9</td>
<td>Swansea</td>
<td>37</td>
<td>11</td>
<td>13</td>
<td>13</td>
<td>-1</td>
<td>46</td>
</tr>
<tr class="odd2">
<td>10</td>
<td>West Ham</td>
<td>37</td>
<td>11</td>
<td>10</td>
<td>16</td>
<td>-10</td>
<td>43</td>
</tr>
<tr class="odd2">
<td>11</td>
<td>Stoke</td>
<td>37</td>
<td>9</td>
<td>14</td>
<td>14</td>
<td>-11</td>
<td>41</td>
</tr>
<tr class="odd2">
<td>12</td>
<td>Norwich</td>
<td>37</td>
<td>9</td>
<td>14</td>
<td>14</td>
<td>-18</td>
<td>41</td>
</tr>
<tr class="odd2">
<td>13</td>
<td>Newcastle</td>
<td>37</td>
<td>11</td>
<td>8</td>
<td>18</td>
<td>-22</td>
<td>41</td>
</tr>
<tr class="odd2">
<td>14</td>
<td>Southampton</td>
<td>37</td>
<td>9</td>
<td>13</td>
<td>15</td>
<td>.11</td>
<td>40</td>
</tr>
<tr class="odd2">
<td>15</td>
<td>Fulham</td>
<td>37</td>
<td>10</td>
<td>10</td>
<td>17</td>
<td>-13</td>
<td>40</td>
</tr>
<tr class="odd2">
<td>16</td>
<td>Aston Villa</td>
<td>37</td>
<td>10</td>
<td>10</td>
<td>17</td>
<td>-22</td>
<td>40</td>
</tr>
<tr class="odd2">
<td>17</td>
<td>Sunderland</td>
<td>37</td>
<td>9</td>
<td>8</td>
<td>20</td>
<td>-12</td>
<td>39</td>
</tr>
<tr class="odd">
<td>18</td>
<td>Wigan</td>
<td>37</td>
<td>9</td>
<td>8</td>
<td>20</td>
<td>-26</td>
<td>35</td>
</tr>
<tr class="odd">
<td>19</td>
<td>Reading</td>
<td>37</td>
<td>6</td>
<td>10</td>
<td>21</td>
<td>-28</td>
<td>28</td>
</tr>
<tr class="odd">
<td>20</td>
<td>Q.P.R.</td>
<td>37</td>
<td>4</td>
<td>13</td>
<td>20</td>
<td>-29</td>
<td>25</td>
</tr>
</tbody>
</table>
<aside role="complementary" class="games">
<div class="lastgame">
Senaste match<br />
QPR v ARSENAL 0-1<br />
Lördag 4 maj, 18:30<br />
Premier League<br />
</div>
<div class="nextgame">
Nästa match<br />
ARSENAL v WIGAN<br />
Tisdag 14 maj, 20:45<br />
Premier League<br />
Viasat Fotboll/HD<br />
</div>
</aside>
<footer role="contentinfo">
© Sidan gjord av.....
</footer>
<script src="jquery.js"></script>
<script src="js/date.js"></script>
<script src="js/time.js"></script>
</body>
</html>
skytteliga.html:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>ArsenalGunners - Skytteliga</title>
<link href="arsenalgunners.css" rel="stylesheet" />
</head>
<body>
<header role="banner">
<a href="index.html">
<img class="logo" src="images/header.png" alt="ArsenalGunners" />
</a>
<span class="time"></span>
<span class="date"></span>
</header>
<nav role="navigation" class="menu">
<ul>
<li><a href="truppen.html">Truppen</a></li>
<li><a href="spelschema.html">Spelschema</a></li>
<li><a href="">Tabeller</a>
<ul>
<li><a href="ligatabell.html">Ligatabell</a></li>
<li><a href="skytteliga.html">Skytteligan</a></li>
</ul>
</li>
<li><a href="kontakt.html">Om oss</a></li>
</ul>
</nav>
<table class="skytteliga">
<tr>
<th></th>
<th>Spelare</th>
<th>Lag</th>
<th>Mål</th>
</tr>
<tr class="odd">
<td>1</td>
<td>Robin Van Persie</td>
<td>Manchester United</td>
<td>25</td>
</tr>
<tr>
<td>2</td>
<td>Luis Suarez</td>
<td>Liverpool</td>
<td>23</td>
</tr>
<tr class="odd">
<td>3</td>
<td>Gareth Bale</td>
<td>Tottenham</td>
<td>20</td>
</tr>
<tr>
<td>4</td>
<td>Christian Benteke</td>
<td>Aston Villa</td>
<td>19</td>
</tr>
<tr class="odd">
<td>5</td>
<td>Michu</td>
<td>Swansea</td>
<td>18</td>
</tr>
<tr>
<td>6</td>
<td>Demba Ba</td>
<td>Chelsea</td>
<td>15</td>
</tr>
<tr class="odd">
<td>-</td>
<td>Frank Lampard</td>
<td>Chelsea</td>
<td>15</td>
</tr>
<tr>
<td>8</td>
<td>Dimitar Berbatov</td>
<td>Fulham</td>
<td>14</td>
</tr>
<tr class="odd">
<td>-</td>
<td>Edin Dzeko</td>
<td>Manchester City</td>
<td>14</td>
</tr>
<tr>
<td>-</td>
<td>Theo Walcott</td>
<td>Arsenal</td>
<td>14</td>
</tr>
<tr class="odd">
<td>-</td>
<td>Rickie Lambert</td>
<td>Southampton</td>
<td>14</td>
</tr>
<tr>
<td>-</td>
<td>Romelo Lukaku</td>
<td>West Bromwich</td>
<td>14</td>
</tr>
<tr class="odd">
<td>13</td>
<td>Santi Cazorla</td>
<td>Arsenal</td>
<td>12</td>
</tr>
<tr>
<td>-</td>
<td>Sergio Aguero</td>
<td>Manchester City</td>
<td>12</td>
</tr>
<tr class="odd">
<td>-</td>
<td>Wayne Rooney</td>
<td>Manchester United</td>
<td>12</td>
</tr>
<tr>
<td>16</td>
<td>Carlos Tévez</td>
<td>Manchester City</td>
<td>11</td>
</tr>
<tr class="odd">
<td>-</td>
<td>Lukas Podolski</td>
<td>Arsenal</td>
<td>11</td>
</tr>
<tr>
<td>-</td>
<td>Jermain</td>
<td>Tottenham</td>
<td>11</td>
</tr>
<tr class="odd">
<td>-</td>
<td>Steven Fletcher</td>
<td>Sunderland</td>
<td>11</td>
</tr>
<tr>
<td>-</td>
<td>Marouane Fellaini</td>
<td>Everton</td>
<td>11</td>
</tr>
<tr class="odd">
<td>-</td>
<td>Oliver Giroud</td>
<td>Arsenal</td>
<td>11</td>
</tr>
<tr>
<td>-</td>
<td>Daniel Sturridge</td>
<td>Liverpool</td>
<td>11</td>
</tr>
<tr class="odd">
<td>-</td>
<td>Arouna Koné</td>
<td>Wigan</td>
<td>11</td>
</tr>
<tr>
<td>-</td>
<td>Adam Le Fondre</td>
<td>Reading</td>
<td>11</td>
</tr>
</table>
<aside role="complementary" class="games">
<div class="lastgame">
Senaste match<br />
QPR v ARSENAL 0-1<br />
Lördag 4 maj, 18:30<br />
Premier League<br />
</div>
<div class="nextgame">
Nästa match<br />
ARSENAL v WIGAN<br />
Tisdag 14 maj, 20:45<br />
Premier League<br />
Viasat Fotboll/HD<br />
</div>
</aside>
<footer role="contentinfo">
© Sidan gjord av.....
</footer>
<script src="jquery.js"></script>
<script src="js/date.js"></script>
<script src="js/time.js"></script>
</body>
</html>
Vore väldigt tacksam om någon kunde göra det. Eller ju fler, desto bättre
Mvh
