Commits

Cédric Bonhomme committed 98a3888

Cleaner page for sommaire.html.

  • Participants
  • Parent commits a121e2b

Comments (0)

Files changed (2)

File sommaire.html

+<!DOCTYPE html>
 <html>
-<head>
-<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-<META http-equiv=expires content=0>
-<META content="Cedric Bonhomme" name=Author>
-<META content="Copyright (c) 2005-2006-2007" name=copyright>
-<META content="MSHTML 6.00.2716.2200" name=GENERATOR>
-<META content="3 days" name=revisit-after>
-<META content="Site d&eacute;di&eacute; au meilleur groupe de rock : MUSE !. Au menu : biographie, paroles, nombreuses photos, etc." name=DESCRIPTION>
-<META content="kimble, kimblehysteria, MUSE, micro cuts, kimble1984, rock, biographie et MUSE, biographie de MUSE, biographie sur MUSE, tablatures de MUSE, tablatures, partitions de MUSE, partitions, photos de MUSE, fonds d'&eacute;crans de MUSE, discographie de MUSE, images de MUSE, hysteria, plug in baby, deadstar, absolution, black holes and revelations, black holes &#038; revelations, black holes, revelations, starlight, cydonia, knights of cydonia, take a bow, assassin, supermassive black hole,exo politics, hoodoo" name=KEYWORDS>
-<title>MUSE | Bienvenue</title>
-<LINK href="images/favicon.png" type=image/ico rel=icon>
-<LINK href="images/favicon.png" rel="shortcut icon">
 
-<style type="text/css">
-<!--
-a:link, a:active, a:visited {
-color: gray;
-text-decoration: underline}
+    <head>
+        <title>MUSE | Bienvenue</title>
+        <link rel="stylesheet" type="text/css" href="./style.css" />
+        <link href="images/favicon.png" type="image/ico" rel="icon" />
+        <link href="images/favicon.png" rel="shortcut icon" />
+        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+        <meta content="Cedric Bonhomme" name="Author" />
+        <meta content="Site d&eacute;di&eacute; au meilleur groupe de rock : MUSE !. Au menu : biographie, paroles, photos, etc." name="DESCRIPTION" />
+    </head>
 
-a:hover {
-color: white;
-text-decoration: none}
--->
-</style>
+    <body bgcolor="black">
+        <div align="center"><img align="center" src="banniere.jpg" /></div>
+        <hr />
+        <div align="center">
+        <a href="./biographie.html">Biographie</a> &#126; <a href="./discographie.html">Discographie</a> &#126; <a href="./photos.html">Photos</a> &#126; <a href="./news.html">News</a> &#126; <a href="./divers.html">Divers</a>
+        </div>
+        <hr />
 
-</head>
+        <h1>&#126;&nbsp;Bienvenue&nbsp;&#126;</h1>
 
-<body bgcolor="#000000" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
 
-<table border="0" cellpadding="0" cellspacing="0" width="780">
-<tr width="780" border="0" cellpadding="0" cellspacing="0">
-<td colspan="2">
-<table width="780" border="0" cellpadding="0" cellspacing="0">
-<tr>
-<td colspan="2"><img src="images/digtemp201.jpg" width="240" height="95" border="0"></td>
-<td><img src="images/digtemp202.jpg" width="225" height="95"></td>
-<td width="315" height="95" bgcolor="#000000" ><img src="banniere.jpg" /></td>
-</tr>
-</table>
-</td>
-</tr>
-
-<tr>
-<td>
-<table border="0" height="*" width="*" cellpadding="0" cellspacing="0">
-<tr>
-<td colspan="2"><img src="images/digtemp204.jpg" width="240" height="85"></td>
-</tr>
-
-<tr>
-<td><img src="images/digtemp206.jpg" width="30" height="25"></td>
-<td><a href="sommaire.html" ><img src="images/link1.jpg" width="210" height="25" border="0" title="Sommaire"></a></td>
-</tr>
-
-<tr>
-<td><img src="images/digtemp208.jpg" width="30" height="30"></td>
-<td><a href="biographie.html"><img src="images/link2.jpg" width="210" height="30" border="0" title="Biographie"></a></td>
-</tr>
-
-<tr>
-<td><img src="images/digtemp210.jpg" width="30" height="30"></td>
-<td><a href="discographie.html"><img src="images/link3.jpg" width="210" height="30" border="0" title="Discographie, paroles &#038; tablatures"></a></td>
-</tr>
-
-<tr>
-<td><img src="images/digtemp212.jpg" width="30" height="30"></td>
-<td><a href="photos.html"><img src="images/link4.jpg" width="210" height="30" border="0" title="Photos"></a></td>
-</tr>
-
-<tr>
-<td><img src="images/digtemp214.jpg" width="30" height="25"></td>
-<td><a href="news.html"><img src="images/link5.jpg" width="210" height="25" border="0" title="News"></a></td>
-</tr>
-
-<tr>
-<td colspan="2"><a href="divers.html"><img src="images/link5.jpg" width="210" height="25" border="0" title="Divers"></a></td>
-</tr>
-
-<tr>
-<td width="30" bgcolor="#000000">&nbsp;</td>
-<td width="210" height="250" colspan="2" bgcolor="#000000" valign="top">
-<font face="Arial" size="2" color="#FFFFFF"><strong>
-<br /><br />
-INTRODUCTION<br />
-</strong></font>
-</td>
-</tr>
-</table>
-</td>
-
-<td align="center" valign="top" bgcolor="#000000" >
-<br /><br />
-<img src="images/hr.gif" width="464" height="11" border="0">
-<blockquote><font face="Arial" size="2" color="#FFFFFF"><strong>
-&#126;&nbsp;Bienvenue&nbsp;&#126;</strong></font></blockquote><br />
-
-
-<font face="Arial" size="2" color="#FFFFFF">
-Gentils internautes,<br />
-ce site est d&eacute;di&eacute; au fabuleux groupe <a href="http://fr.wikipedia.org/wiki/Muse_(groupe)">MUSE</a>,<br />
-un des plus grand groupe de rock de notre
-&eacute;poque.<br />C'est surtout un de mes favoris ... j'&eacute;tais donc un peu<br />
-&#171;&nbsp;oblig&eacute;&nbsp;&#187; d'y consacrer un site ...<br />
-Bref, vous trouverez une biographie, des paroles, des photos, etc.<br /><br />
-C&eacute;dric
-</font>
-<br />
-<img src="images/hr.gif" width="464" height="11" border="0">
-</td>
-</tr>
-
-<tr>
-<td align="left">
-<a href="http://amarok.kde.org/"><img src="bannieres/amarok.png" alt="amaroK" title="amaroK -- rediscover your music" border="0" /></a>
-<br /><br />
-<font face="Arial" size="2" color="#FFFFFF"><b>
-Laissez vos commentaires sur le <a href="http://membres.lycos.fr/kimblehysteria/news/dotclear/">blog</a> !</b>
-</font>
-</td>
-<td width="*" height="100" align="right" valign="bottom">
-		<font face="Arial" size="2" color="#FFFFFF">
-		<b>
-		&#171;&nbsp;L'information n'est pas la connaissance<br />
-		La connaissance n'est pas la sagesse<br />
-		La sagesse n'est pas la v&eacute;rit&eacute;<br />
-		La v&eacute;rit&eacute; n'est pas la beaut&eacute;<br />
-		La beaut&eacute; n'est pas l'amour<br />
-		L'amour n'est pas la musique<br />
-		La musique est la MEILLEURE des choses.&nbsp;&#187;<br />
-		</b>
-		<a href="http://fr.wikipedia.org/wiki/Frank_Zappa">Frank Zappa</a>
-		</font>
-</td>
-</tr>
-</table>
-</body>
+        <p>
+        Gentils internautes,<br />
+        ce site est d&eacute;di&eacute; au fabuleux groupe <a href="http://fr.wikipedia.org/wiki/Muse_(groupe)">MUSE</a>,<br />
+        un des plus grand groupe de rock de notre
+        &eacute;poque.<br />C'est surtout un de mes favoris ... j'&eacute;tais donc un peu<br />
+        &#171;&nbsp;oblig&eacute;&nbsp;&#187; d'y consacrer un site ...<br />
+        Bref, vous trouverez une biographie, des paroles, des photos, etc.
+        </p>
+        <hr />
+    </body>
 </html>
+body {
+    font:normal medium 'Gill Sans','Gill Sans MT',Verdana,sans-serif;
+    color:white;
+    margin:auto auto;
+    width:80%;
+    height:80%;
+    line-height:1.50;
+}
+
+a:link {
+    color:#1c73b7;
+    text-decoration:none;
+    outline:0;
+}
+
+a:visited {
+    color:#1c73b7;
+    text-decoration:none;
+    outline:0;
+}
+
+a:active {
+    color:#1c73b7;
+    text-decoration:none;
+    outline:0;
+}
+
+h1 {
+    font-size:x-large;
+    color:#0c85e5;
+}
+
+h2 {
+   font-size:medium;
+}
+
+h3 {
+    font-size:small;
+}
+
+hr {
+    border-style:dotted;
+    height:1px;
+    border-width: 1px 0 0 0;
+    margin:1.45em 0 1.4em;
+    padding:0;
+}
+
+#footer {
+   clear:both;
+   text-align:center;
+   font-size:small
+}
+
+img {
+    border:0;
+}