Footer test 2
This commit is contained in:
parent
10a8a46be7
commit
6125006313
33
index.html
33
index.html
@ -1,12 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<meta name="viewport" content="width=device-width,height=device-height">
|
||||
|
||||
<style>
|
||||
html {
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height:98vh;
|
||||
positioning:relative;
|
||||
font-family:Consolas;
|
||||
font-size:14px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
div.main {
|
||||
@ -18,12 +22,24 @@
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
vertical-align:middle;
|
||||
background-color:#DDDDDD;
|
||||
vertical-align:middle;
|
||||
cursor:pointer;
|
||||
padding:12px;
|
||||
}
|
||||
|
||||
span.title {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
table, tr, td {
|
||||
padding:0px;
|
||||
padding:4px;
|
||||
border: 0px solid transparent;
|
||||
}
|
||||
|
||||
@ -55,8 +71,6 @@
|
||||
<title>Display Technology Information Repository and Utilities</title>
|
||||
</head>
|
||||
<body>
|
||||
<table style="height:98vh; width:100%;">
|
||||
<tr><td>
|
||||
<div class="main">
|
||||
<div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div>
|
||||
<table>
|
||||
@ -74,8 +88,9 @@
|
||||
</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</tr></td>
|
||||
<tr><td onclick="document.getElementById('profile_link').click();"style="background-color:#DDDDDD; height:32px; cursor:pointer; vertical-align:middle; padding-left:8px;"><a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none;">Glenwing</a></td></tr>
|
||||
</table>
|
||||
|
||||
<div class="footer" onclick="document.getElementById('profile_link').click();">
|
||||
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle;">Glenwing</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
x
Reference in New Issue
Block a user