From 066338cf9d614322f30f8c4f970bc9815fecec61 Mon Sep 17 00:00:00 2001 From: ALittlePatate Date: Sat, 4 Jan 2025 11:59:17 +0100 Subject: [PATCH] fix: compatibility with IE3 --- css/styles.css | 32 +++++++++++--------------------- pages/header.html | 12 +++++------- 2 files changed, 16 insertions(+), 28 deletions(-) diff --git a/css/styles.css b/css/styles.css index 915aca4..a8c02e3 100644 --- a/css/styles.css +++ b/css/styles.css @@ -12,6 +12,7 @@ html { } #spike { + vertical-align: bottom; border-style:solid; border-color:rgba(18,24,217,0.6); width: 10.1%; @@ -54,33 +55,22 @@ a:active { color: #686bff; } -.header { - width: auto; +.menu_link { + position: relative; + bottom: 1px; +} + +.menu { + width: auto; height: auto; overflow: hidden; background: #1218d9; background-color: rgba(18,24,217,0.6); - top: 0; - left:0px; - right:0px; + font-weight: bold; } -.menu { - display: flex; - font-weight: bold; - margin-top: -1.9%; - margin-left: 12%; -} - -/* Add spacing between child elements using margins */ -/* Doing this hack to ensure IE compatibility */ -.menu > * { - margin-right: 10px; /* Adjust the value as needed */ -} - -/* Remove margin from the last child to prevent extra spacing */ -.menu > :last-child { - margin-right: 0; +.menu a { + margin-right: 10px; } body { diff --git a/pages/header.html b/pages/header.html index 92512cc..1ebb0b7 100644 --- a/pages/header.html +++ b/pages/header.html @@ -8,13 +8,11 @@ -
+
Spike -
- the blog - github - gpg key - guestbook -
+ the blog + github + gpg key + guestbook
\ No newline at end of file