From 3883532771773b923d454917e5db9e7df17cfe9d Mon Sep 17 00:00:00 2001 From: Guillaume Rousse <guillaume.rousse@renater.fr> Date: Wed, 14 Feb 2018 14:40:17 +0100 Subject: [PATCH] sanitize header layout --- resources/css/style.css | 23 ----------------------- templates/web/index.tt2.html | 9 ++++----- 2 files changed, 4 insertions(+), 28 deletions(-) diff --git a/resources/css/style.css b/resources/css/style.css index 2a448cf..86c167b 100644 --- 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%; diff --git a/templates/web/index.tt2.html b/templates/web/index.tt2.html index 7e6a3d1..2bc228f 100644 --- 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> </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> -- GitLab