commit 52635343d438601b088f1d9b9e640b1282724e8a
parent 61a83301cb0122d021297eee4079287161388ec5
Author: Yoann Bonavero <yoann.b87@voila.fr>
Date: Thu, 17 Feb 2011 13:58:17 +0100
Légères améliorations de l'affichage.
Diffstat:
6 files changed, 58 insertions(+), 81 deletions(-)
diff --git a/code/serveur/php/contact.php b/code/serveur/php/contact.php
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
+ <head>
+ <title>Titre</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <link rel="stylesheet" href="simple.css" />
+ </head>
+ <body>
+ <div class="menu">
+ <?php include("menu.html"); ?>
+ </div>
+ <div class="content">
+ Le contenu.
+ </div>
+ <div class="footer">
+ <?php include("footer.html"); ?>
+ </div>
+ </body>
+</html><?php
+
+?>
diff --git a/code/serveur/php/download.php b/code/serveur/php/download.php
@@ -3,6 +3,8 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
+ <title>Titre</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="simple.css" />
</head>
<body>
@@ -11,7 +13,7 @@
</div>
<div class="content">
Le contenu.
- <div>
+ </div>
<div class="footer">
<?php include("footer.html"); ?>
</div>
diff --git a/code/serveur/php/index.php b/code/serveur/php/index.php
@@ -4,7 +4,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Titre</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="simple.css" />
</head>
<body>
@@ -12,8 +12,8 @@
<?php include("menu.html"); ?>
</div>
<div class="content">
- Le contenu.
- <div>
+ <p>Page d'accueil.</p>
+ </div>
<div class="footer">
<?php include("footer.html"); ?>
</div>
diff --git a/code/serveur/php/login.php b/code/serveur/php/login.php
@@ -3,6 +3,8 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
+ <title>Titre</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="simple.css" />
</head>
<body>
@@ -11,7 +13,7 @@
</div>
<div class="content">
Le contenu.
- <div>
+ </div>
<div class="footer">
<?php include("footer.html"); ?>
</div>
diff --git a/code/serveur/php/menu.html b/code/serveur/php/menu.html
@@ -1,7 +1,10 @@
-<a href="index.php"> Accueil </a>
-<a href="login.php#login"> Se connecter </a>
-<a href="index.php#incription"> S'incrire </a>
-<a href="download.php"> Téléchargement </a>
-<a href="contact.php"> Contact </a>
-<!-- <a href=".php"> Créer des parties </a> -->
+<h1>PtiClic</h1>
+<span id="links">
+ <a href="index.php"> Accueil </a>
+ <a href="login.php#login"> Se connecter </a>
+ <a href="index.php#incription"> S'incrire </a>
+ <a href="download.php"> Téléchargement </a>
+ <a href="contact.php"> Contact </a>
+ <!-- <a href=".php"> Créer des parties </a> -->
+</span>
diff --git a/code/serveur/php/simple.css b/code/serveur/php/simple.css
@@ -1,17 +1,17 @@
.menu {
- margin: 10px;
- border-bottom : 1px solid grey;
+ border-bottom : 1px solid grey;
+ background-color : #FFFFE0;
}
-.menu a
-{
- margin-left : 20px;
+.menu #links {
+ display : block;
+ background-color : #F0F0D0;
+ padding : 4px;
+ padding-left : 3%;
}
-
-#liens, .footer {
- background-color: #efd;
- border-bottom: thin solid #8a8;
+.menu #links a {
+ margin-left : 2%;
}
#liens {
@@ -19,71 +19,20 @@
padding : 0.3em 0.3em 0.1em;
}
-h1 {
- margin-top: 0;
-}
-
.footer {
margin: 0;
padding: 0.5em;
- border-top: thin solid #8a8;
-}
-
-img#logo-grunt {
- float:left;
- height: 4em;
- width: 4em;
-
- background-color: #efd;
- border-right: thin solid #8a8;
- border-bottom: thin solid #8a8;
- padding: 0 0.4em 0.3em 0.2em;
- margin-right: 0.5em;
-}
-
-#liens a, .footer a {
- color: #242;
-}
-
-#liens a {
- font-size: small;
- letter-spacing: 0.2em;
- margin: auto 1em;
-}
-
-#liens a:hover, .footer a:hover {
- color: #8a4;
-}
-
-.footer {
- text-align: center;
- font-size: small;
-}
-
-#hebergeur {
- display: block;
- float: left;
-}
-
-#lien-licence {
- display: block;
- float: right;
+ border-top: thin solid grey;
+ border-bottom: thin solid grey;
+ background-color : #FFFFE0;
}
-#maj {
- display: block;
-}
-
-.barriere-float {
- display: block;
- clear: both;
-}
-
-
-
.content {
+ min-height : 80px;
margin: 0;
- padding: 0.3em;
+ padding: 1em;
+ padding-top 4em;
+ padding-bottom : 4em;
}
html, body {
@@ -93,6 +42,7 @@ html, body {
h1 {
color: #8b4;
+ margin : 5px;
}
h2 {
@@ -111,9 +61,6 @@ h5 {
color: #874;
}
-h6 {
- color: #854;
-}
hr {
display: none;
