patate/patate.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: compatibility with IE3

Browse Source
This commit is contained in:
ALittlePatate
2025-01-04 11:59:17 +01:00
parent 58b7be9a4a
commit 066338cf9d
2 changed files with 16 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
css/styles.css
View File

@@ -12,6 +12,7 @@ html {
} }
#spike { #spike {
vertical-align: bottom;
border-style:solid; border-style:solid;
border-color:rgba(18,24,217,0.6); border-color:rgba(18,24,217,0.6);
width: 10.1%; width: 10.1%;
@@ -54,33 +55,22 @@ a:active {
color: #686bff; color: #686bff;
} }
.header { .menu_link {
width: auto; position: relative;
bottom: 1px;
}
.menu {
width: auto;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
background: #1218d9; background: #1218d9;
background-color: rgba(18,24,217,0.6); background-color: rgba(18,24,217,0.6);
top: 0; font-weight: bold;
left:0px;
right:0px;
} }
.menu { .menu a {
display: flex; margin-right: 10px;
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;
} }
body { body {

12
pages/header.html
View File

@@ -8,13 +8,11 @@
<link rel="stylesheet" type="text/css" href="/css/styles.css"/> <link rel="stylesheet" type="text/css" href="/css/styles.css"/>
</head> </head>
<body background="../images/bg.gif"> <body background="../images/bg.gif">
<div class="header"> <div class="menu">
<a href="/" aria-label="patate.dev"><img alt="Spike" src="/images/spike.jpg" id="spike" width="125.583" height="95.6833"></a> <a href="/" aria-label="patate.dev"><img alt="Spike" src="/images/spike.jpg" id="spike" width="125.583" height="95.6833"></a>
<div background="../images/bg.gif" class="menu"> <a class="menu_link" href="/pages/blog.html" aria-label="the blog"> the blog</a>
<a href="/pages/blog.html" aria-label="the blog"> the blog</a> <a class="menu_link" href="//github.com/ALittlePatate" aria-label="github">github</a>
<a href="//github.com/ALittlePatate" aria-label="github">github</a> <a class="menu_link" href="/gpg/key.txt" aria-label="gpg key">gpg key</a>
<a href="/gpg/key.txt" aria-label="gpg key">gpg key</a> <a class="menu_link" href="/php/guestbook.php" aria-label="guestbook">guestbook</a>
<a href="/php/guestbook.php" aria-label="guestbook">guestbook</a>
</div>
</div> </div>
<font color="white"> <font color="white">