Ce que tu m'as dit hier, du cuop le bandeau n'est plus un header mais à nouveau un div.

author: Fallstar <fallstar@live.fr> 2014-03-16 09:26:17 +0100
committer: Fallstar <fallstar@live.fr> 2014-03-16 09:26:17 +0100
commit: 875f666e617475f2730ec6e0ebbf14835f1b7c6b (patch)
tree: af40599ee99b7349606b6e1478da3ff03b296c8a
parent: af84419a808ad938f61944671ed97739838f1cf7 (diff)
download: mailöve.eu-875f666e617475f2730ec6e0ebbf14835f1b7c6b.tar.gz
mailöve.eu-875f666e617475f2730ec6e0ebbf14835f1b7c6b.tar.bz2
mailöve.eu-875f666e617475f2730ec6e0ebbf14835f1b7c6b.tar.xz
mailöve.eu-875f666e617475f2730ec6e0ebbf14835f1b7c6b.zip
4 files changed, 60 insertions, 54 deletions
diff --git a/aide.html b/aide.html
index f4cc877..c030944 100644
--- a/aide.html
+++ b/aide.html
@@ -6,26 +6,28 @@
 	</head>
 	<body>
 
-		<header>
-		Image
-		</header>
+		<div id="bandeau">
+		Image qu'il faudra faire un jour
+		</div>
 		<br/>	
 		
-		<div id="sidebar">	
-			<div id="menu">
-				<a href="index.html">Accueil</a><br/>
-				<a href="installation.html">Installation</a><br/>
-				<a href="aide.html">Aide</a><br/>
-			</div>
+		<aside>
+			<nav>
+			    <ul>
+			        <li><a href="index.html">Accueil</a></li>
+			        <li><a href="installation.html">Installation</a></li>
+			        <li><a href="aide.html">Aide</a></li>
+			    </ul>
+			</nav>	
 			<br/>
 			<div id="screenshots">
 				Images IG
 			</div>
-		</div>
+		</aside>
 		
-		<article>
+		<section>
 		
-		</article>
+		</section>
 
 		
 
diff --git a/index.html b/index.html
index cfd7b6a..a28904d 100644
--- a/index.html
+++ b/index.html
@@ -6,36 +6,38 @@
 	</head>
 	<body>
 
-		<header>
+		<div id="bandeau">
 		Image qu'il faudra faire un jour
-		</header>
+		</div>
 		<br/>	
 		
-		<div id="sidebar">	
-			<div id="menu">
-				<a href="index.html">Accueil</a><br/>
-				<a href="installation.html">Installation</a><br/>
-				<a href="aide.html">Aide</a><br/>
-			</div>
+		<aside>
+			<nav>
+			    <ul>
+			        <li><a href="index.html">Accueil</a></li>
+			        <li><a href="installation.html">Installation</a></li>
+			        <li><a href="aide.html">Aide</a></li>
+			    </ul>
+			</nav>	
 			<br/>
 			<div id="screenshots">
 				Images IG
 			</div>
-		</div>
+		</aside>
 
 
-		<article>
+		<section>
 			<br/>
-			<div id="entree">
-				<titre>Présentation:</titre>  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet tellus at massa laoreet tempor. Duis aliquam elit ornare imperdiet lacinia. In ac est sit amet neque mollis feugiat. Nullam auctor convallis ante in congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a luctus sapien. Suspendisse id molestie lectus. Nam euismod arcu porta libero pretium, at porttitor nibh mattis. Nulla facilisi. Praesent eget sem at nulla vehicula mattis. Sed est leo, convallis ac libero a, gravida bibendum mauris. Duis tempor velit vitae convallis tempus. Sed et tortor pellentesque, tempus libero a, tincidunt purus. Integer vehicula, massa in vehicula hendrerit, mi elit congue dui, a feugiat nunc nisi ut dolor. 	
-			</div><br/>
-			<div id="entree">
-				<titre>Test:</titre> Cras at massa convallis, dapibus arcu vestibulum, tincidunt mauris. Morbi scelerisque porta nunc. Morbi et tincidunt lectus, vel consectetur nibh. Nullam gravida, leo ut tempus aliquet, lorem sapien scelerisque eros, at tristique lorem lorem et urna. Pellentesque non iaculis nisl. Maecenas non est a tortor eleifend iaculis. Donec commodo felis ut scelerisque hendrerit. Ut et massa rhoncus, interdum massa pellentesque, rhoncus enim. Phasellus nec congue lacus. Duis eget fringilla mi.
-			</div><br/>
-			<div id="entree">
-				<titre>Miaou:</titre> Donec imperdiet libero vel accumsan congue. Integer elit velit, pellentesque vitae iaculis ut, posuere ut dui. Suspendisse potenti. Donec sollicitudin, lectus eget rutrum iaculis, lectus lorem cursus lectus, sed condimentum turpis risus non enim. Praesent purus nisl, viverra sed facilisis eget, tempus in nisl. Nunc a diam sit amet odio dictum pretium. Donec eleifend sapien nulla, id lobortis felis ultricies ac. Mauris malesuada dapibus vestibulum. Integer rhoncus, risus egestas euismod lobortis, orci augue lobortis leo, posuere volutpat magna massa eu dolor. In fringilla scelerisque justo, vel vehicula sem hendrerit vitae. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. 
-			</div><br/>
-		</article>
+			<article>
+				<header>Présentation:</header><p>  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet tellus at massa laoreet tempor. Duis aliquam elit ornare imperdiet lacinia. In ac est sit amet neque mollis feugiat. Nullam auctor convallis ante in congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a luctus sapien. Suspendisse id molestie lectus. Nam euismod arcu porta libero pretium, at porttitor nibh mattis. Nulla facilisi. Praesent eget sem at nulla vehicula mattis. Sed est leo, convallis ac libero a, gravida bibendum mauris. Duis tempor velit vitae convallis tempus. Sed et tortor pellentesque, tempus libero a, tincidunt purus. Integer vehicula, massa in vehicula hendrerit, mi elit congue dui, a feugiat nunc nisi ut dolor.</p>
+			</article><br/>
+			<article>
+				<header>Test:</header><p> Cras at massa convallis, dapibus arcu vestibulum, tincidunt mauris. Morbi scelerisque porta nunc. Morbi et tincidunt lectus, vel consectetur nibh. Nullam gravida, leo ut tempus aliquet, lorem sapien scelerisque eros, at tristique lorem lorem et urna. Pellentesque non iaculis nisl. Maecenas non est a tortor eleifend iaculis. Donec commodo felis ut scelerisque hendrerit. Ut et massa rhoncus, interdum massa pellentesque, rhoncus enim. Phasellus nec congue lacus. Duis eget fringilla mi.</p>
+			</article><br/>
+			<article>
+				<header>Miaou:</header><p> Donec imperdiet libero vel accumsan congue. Integer elit velit, pellentesque vitae iaculis ut, posuere ut dui. Suspendisse potenti. Donec sollicitudin, lectus eget rutrum iaculis, lectus lorem cursus lectus, sed condimentum turpis risus non enim. Praesent purus nisl, viverra sed facilisis eget, tempus in nisl. Nunc a diam sit amet odio dictum pretium. Donec eleifend sapien nulla, id lobortis felis ultricies ac. Mauris malesuada dapibus vestibulum. Integer rhoncus, risus egestas euismod lobortis, orci augue lobortis leo, posuere volutpat magna massa eu dolor. In fringilla scelerisque justo, vel vehicula sem hendrerit vitae. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
+			</article><br/>
+		</section>
 		<br/>
 		<br/>
 		<footer>
diff --git a/installation.html b/installation.html
index 5fdae94..3eb964e 100644
--- a/installation.html
+++ b/installation.html
@@ -5,34 +5,36 @@
 		<title>MaiLÖVE - Installation</title>
 	</head>
 	<body>
-		<header>
-		Image
-		</header>
+		<div id="bandeau">
+		Image qu'il faudra faire un jour
+		</div>
 		<br/>	
 		
-		<div id="sidebar">	
-			<div id="menu">
-				<a href="index.html">Accueil</a><br/>
-				<a href="installation.html">Installation</a><br/>
-				<a href="aide.html">Aide</a><br/>
-			</div>
+		<aside>
+			<nav>
+			    <ul>
+			        <li><a href="index.html">Accueil</a></li>
+			        <li><a href="installation.html">Installation</a></li>
+			        <li><a href="aide.html">Aide</a></li>
+			    </ul>
+			</nav>	
 			<br/>
 			<div id="screenshots">
 				Images IG
 			</div>
-		</div>
+		</aside>
 
-		<article>
-			<p><titre>Android:</titre><br/>
+		<section>
+			<p><header>Android:</header><br/>
 			Bientôt disponible sur le play store !<br/>
 			En attendant, téléchargez le ici : <a style="color:red" href="mailove.apk">mailove.apk</a> (Pensez à activer les sources inconnues dans les options developpeurs.)</p>
-			<p><titre>Windows Phone:</titre><br/>
+			<p><header>Windows Phone:</header><br/>
 			Peut-être un jour.</p>
-			<p><titre>iPhone/iPad:</titre><br/>
+			<p><header>iPhone/iPad:</header><br/>
 			Veuillez d'abord nous payer la license dev, et après on verra, bande de connards.</p>
-			<p><titre>Sources:</titre><br/>
+			<p><header>Sources:</header><br/>
 			Dépot git : <a href="http://git.piernov.org/MaiL%C3%96VE/">Chez piernov</a></p>
-		</article>
+		</section>
 
 	</body>
 </html>
diff --git a/style.css b/style.css
index f1d8e21..32aa4be 100644
--- a/style.css
+++ b/style.css
@@ -4,13 +4,13 @@ body{
 }
 
 
-titre{
+header{
 	font-size: 1.8em;
 	text-decoration: underline;
 	color: #FE2FA5;
 }
 
-header{
+div#bandeau{
 	margin-left: 20em;
 	width: 70%;
 	height: 5em;
@@ -18,12 +18,12 @@ header{
         border-radius: 1em;	
 }
 
-div#sidebar{
+aside{
 	float: left;
 	width: 13em;
 }
 
-div#menu{
+nav{
 	width: 13em;
 	border: solid black 1px;
         border-radius: 1em;
@@ -36,11 +36,11 @@ div#screenshots{
         border-radius: 0.5em;
 }
 
-article{
+section{
 	margin-left: 15em;
         }
 
-div#entree{
+article{
 	border: solid black 1px;
 	border-radius: 1em;
 	margin-left: 2em;
author	Fallstar <fallstar@live.fr>	2014-03-16 09:26:17 +0100
committer	Fallstar <fallstar@live.fr>	2014-03-16 09:26:17 +0100
commit	875f666e617475f2730ec6e0ebbf14835f1b7c6b (patch)
tree	af40599ee99b7349606b6e1478da3ff03b296c8a
parent	af84419a808ad938f61944671ed97739838f1cf7 (diff)
download	mailöve.eu-875f666e617475f2730ec6e0ebbf14835f1b7c6b.tar.gz mailöve.eu-875f666e617475f2730ec6e0ebbf14835f1b7c6b.tar.bz2 mailöve.eu-875f666e617475f2730ec6e0ebbf14835f1b7c6b.tar.xz mailöve.eu-875f666e617475f2730ec6e0ebbf14835f1b7c6b.zip