From 5985261a652764ece41619e42533981d5031b3cf Mon Sep 17 00:00:00 2001
From: Table <romain.drouin@ensiie.fr>
Date: Tue, 29 Mar 2016 20:28:36 +0200
Subject: [PATCH] premier header fonctionnel plus ou moins...
---
connexion.html => connexion.php | 6 ++++++
header.css | 24 +++++++++++++++++++++++-
header.php | 9 ++++++---
index.php | 8 ++++++--
4 files changed, 41 insertions(+), 6 deletions(-)
rename connexion.html => connexion.php (54%)
diff --git a/connexion.html b/connexion.php
similarity index 54%
rename from connexion.html
rename to connexion.php
index 361d5c7..d5b3a7a 100644
--- a/connexion.html
+++ b/connexion.php
@@ -5,6 +5,12 @@
<title>Connexion</title>
</head>
<body>
+ <div>
+ <?php include("header.php"); ?>
+ </div>
+ <div style="height: 50px;" ></div>
+
+ connection
</body>
</html>
\ No newline at end of file
diff --git a/header.css b/header.css
index 355de85..dff7f88 100644
--- a/header.css
+++ b/header.css
@@ -1,3 +1,25 @@
-h1.header {
+div.header {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ margin: 0;
+ border: medium solid #04384F;
+ background: #1b5962;
+ color: #77AEA7;
+ height: 50px;
+ min-width: 30px;
+}
+
+.title {
+ float: left;
display: inline-block;
+ color: #77AEA7;
+ font-size: 40px;
+}
+
+a.connection {
+ float: right;
+ font-size: 40px;
+ color: #77AEA7;
}
\ No newline at end of file
diff --git a/header.php b/header.php
index 8567003..7a1386c 100644
--- a/header.php
+++ b/header.php
@@ -6,6 +6,9 @@
*/
echo "
<link rel=\"stylesheet\" href=\"header.css\">
- <h1 class='header'><a href='index.php'>???</a></h1>
-<a href='connexion.html' style='display: inline-block;'>Conexion/Inscription</a>";
-?>
\ No newline at end of file
+<div class='header'>
+ <a href='index.php' class='title'>???</a>
+ <a href='connexion.php' class='connection''>Connection/Inscription</a>
+</div>
+";
+?>
diff --git a/index.php b/index.php
index 1689dc6..35b713b 100644
--- a/index.php
+++ b/index.php
@@ -5,9 +5,13 @@
<meta charset="utf-8" />
</head>
<body>
- <div class="header">
+ <div>
<?php include("header.php"); ?>
</div>
- Bonjour
+ <div style="height: 50px;" ></div>
+
+ <div class="corps">
+ <p> bonjour</p>
+ </div>
</body>
</html>
--
GitLab