Footer test 2
This commit is contained in:
parent
10a8a46be7
commit
6125006313
33
index.html
33
index.html
@ -1,12 +1,16 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width,height=device-height">
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
min-height:98vh;
|
positioning:relative;
|
||||||
font-family:Consolas;
|
font-family:Consolas;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
|
padding-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.main {
|
div.main {
|
||||||
@ -18,12 +22,24 @@
|
|||||||
margin-right:auto;
|
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 {
|
span.title {
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
table, tr, td {
|
table, tr, td {
|
||||||
padding:0px;
|
padding:4px;
|
||||||
border: 0px solid transparent;
|
border: 0px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -55,8 +71,6 @@
|
|||||||
<title>Display Technology Information Repository and Utilities</title>
|
<title>Display Technology Information Repository and Utilities</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<table style="height:98vh; width:100%;">
|
|
||||||
<tr><td>
|
|
||||||
<div class="main">
|
<div class="main">
|
||||||
<div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div>
|
<div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div>
|
||||||
<table>
|
<table>
|
||||||
@ -74,8 +88,9 @@
|
|||||||
</td></tr>
|
</td></tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</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>
|
<div class="footer" onclick="document.getElementById('profile_link').click();">
|
||||||
</table>
|
<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>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
x
Reference in New Issue
Block a user