sanitize header layout

38835327 · Guillaume ROUSSE · 82d2450d · 38835327 · 38835327
Commit 38835327 authored 7 years ago by Guillaume ROUSSE
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -25,27 +25,6 @@ body {


 /* Header*/
-header {
-    width: 100%;
-    margin:0;
-    padding:0;
-}
-header ul {
-    width: 100%;
-    display:table;
-    table-layout:fixed;
-    margin:0;
-    padding:0.3rem 0.5rem;
-    box-sizing:border-box;
-}
-header ul li{
-    display:table-cell;
-    width:40%;
-}
-header ul li.logo{
-    width: 30%;
-}
-
 header .title {
    width: 100%;
    height: 4rem;
@@ -55,7 +34,6 @@ header .title {
    background-color: #FF8547;
    background-color: hsl(20,100%,64%);
 }
-
 header h1 {
    width: 100%;
    font-size: 1.6em;
@@ -67,7 +45,6 @@ header h1 {
    text-align: center;
 }

-
 /* Footer*/
 footer{
    width:100%;

--- a/templates/web/index.tt2.html
+++ b/templates/web/index.tt2.html
@@ -27,11 +27,10 @@ html1/DTD/xhtml1-transitional.dtd">

    <body>
        <header>
-            <ul>
-                <li class="logo align-left"><a href="http://www.edugain.org" title="eduGAIN home page" target="_blank"><img alt="eduGAIN logo" width="200" src="images/edugain_logo.png "/></a></li>
-                <li>&nbsp;</li>
-                <li class="logo align-right"><a href="http://www.geant.net" title="Geant home page" target="_blank"><img alt="GEANT logo" width="100" src="images/geant_logo_rgb_300dpi.jpg"/></a></li>
-            </ul>
+            <div class="clearfix">
+                <a href="http://www.edugain.org" title="eduGAIN home page" target="_blank" class="left"><img alt="eduGAIN logo" width="200" src="images/edugain_logo.png"/></a>
+                <a href="http://www.geant.net" title="Geant home page" target="_blank" class="right"><img alt="GEANT logo" width="100" src="images/geant_logo_rgb_300dpi.jpg"/></a>
+            </div>
            <div class="title">
                <h1>[% title %]</h1>
            </div>