From 43c962f442165327d73756c62501ff823d43f9f3 Mon Sep 17 00:00:00 2001 From: polo Date: Mon, 31 Mar 2025 18:43:53 +0200 Subject: positions dans table page, fil d'ariane en haut, logo dans footer --- public/assets/logo-nb-et-ffn.png | Bin 0 -> 61236 bytes public/css/foot.css | 16 +++++++++++----- public/css/head.css | 10 +++++++--- public/css/main.css | 6 +----- public/css/trombinoscope.css | 4 ++++ 5 files changed, 23 insertions(+), 13 deletions(-) create mode 100644 public/assets/logo-nb-et-ffn.png create mode 100644 public/css/trombinoscope.css (limited to 'public') diff --git a/public/assets/logo-nb-et-ffn.png b/public/assets/logo-nb-et-ffn.png new file mode 100644 index 0000000..f51ac9c Binary files /dev/null and b/public/assets/logo-nb-et-ffn.png differ diff --git a/public/css/foot.css b/public/css/foot.css index ef3291d..0e454ac 100644 --- a/public/css/foot.css +++ b/public/css/foot.css @@ -32,13 +32,13 @@ footer > div border-bottom: 2px #ff1d04 solid; } - /*-- fil d'ariane --*/ .breadcrumb { - max-width: 45%; + /*max-width: 45%;*/ /*margin-right: 10px;*/ - margin: 16px 0; /* = p */ + /*margin: 16px 0;*/ /* = p */ + padding: 10px; list-style: none; /* retirer les puces */ font-size: small; text-align: right; @@ -67,6 +67,12 @@ footer > div display: block; margin: 0 3px; }*/ + +.footer_logo img +{ + max-width: 288px; +} + .breadcrumb a { color: unset; /* ne plus hériter */ @@ -101,7 +107,7 @@ footer > div { margin: 5px 0; display: flex; - justify-content: space-around; + justify-content: center; } .logged_in button { @@ -117,4 +123,4 @@ footer > div cursor: pointer; /* curseur qui touche du doigt */ background-color: #ffff00; border-radius: 4px; -} \ No newline at end of file +} diff --git a/public/css/head.css b/public/css/head.css index b8d4c93..a718a45 100644 --- a/public/css/head.css +++ b/public/css/head.css @@ -6,17 +6,21 @@ header background-image: url('../assets/fond-piscine.jpg'); background-size: cover; /* largeur du bloc_page */ } -header > div +.empty_nav_zone { /*margin: auto;*/ /*max-width: 1200px;*/ display: flex; /*align-items: center;*/ /* conflit possible avec .social align-self */ - justify-content: space-around; + justify-content: center; } + .header-content { padding: 20px 0; + display: grid; + grid-template-columns: repeat(3, 1fr); + align-items: end; } .site_title { @@ -50,7 +54,7 @@ header a { width: 25px; background-color: #ffffffb3; - border-radius: 10px; + border-radius: 50%; } .social img:hover diff --git a/public/css/main.css b/public/css/main.css index b38f8d9..a75b8cd 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -35,7 +35,7 @@ article { /*display: flex;*/ background-color: white; - margin: 15px 15px 0 15px; + margin: 15px; padding: 0 15px; /*min-height: 150px;*/ } @@ -79,10 +79,6 @@ article .action_icon:hover justify-content: space-between; font-size: small; } -.under_an_article p -{ - margin: 5px; -} .under_an_article img { width: 24px; diff --git a/public/css/trombinoscope.css b/public/css/trombinoscope.css new file mode 100644 index 0000000..f42dad8 --- /dev/null +++ b/public/css/trombinoscope.css @@ -0,0 +1,4 @@ +article img +{ + border-radius: 50%; +} \ No newline at end of file -- cgit v1.2.3