Template:OSUFooter: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
No edit summary |
No edit summary |
||
Line 26: | Line 26: | ||
height: 40px; /* or anything you like */ | height: 40px; /* or anything you like */ | ||
} | } | ||
#osuicon { | |||
position:absolute; | |||
left:15px; | |||
} | |||
#email { | |||
position:relative; | |||
left:30px; | |||
} | |||
#fbicon { | |||
position:absolute; | |||
right:50px; | |||
} | |||
#nblicon { | |||
position:relative; | |||
right:30px; | |||
} | |||
</style> | </style> | ||
</head> | </head> | ||
Line 31: | Line 53: | ||
<table> | <table> | ||
<tr> | <tr> | ||
<td><a href="http://www.osu.edu" target="_blank"><img src="http://openwetware.org/images/c/cd/TheOhioStateUniversity-REV-Horiz-RGBHEX.png | <td id="osuicon"><a href="http://www.osu.edu" target="_blank"><img src="http://openwetware.org/images/c/cd/TheOhioStateUniversity-REV-Horiz-RGBHEX.png | ||
"height="35" width="180" /></td> | "height="35" width="180" /></td> | ||
<td>Contact us at <a href="mailto:theohiomod@gmail.com"><font color="white">theohiomod@gmail.com</a></td> | <td id="email">Contact us at <a href="mailto:theohiomod@gmail.com"><font color="white">theohiomod@gmail.com</a></td> | ||
<td><a href="http://mae.osu.edu/labs/nbl/"target="_blank"><img src="http://openwetware.org/images/e/e9/NBL_logo-RGBHEX.png"height="40" width="40"/></td> | <td id="nblicon"><a href="http://mae.osu.edu/labs/nbl/"target="_blank"><img src="http://openwetware.org/images/e/e9/NBL_logo-RGBHEX.png"height="40" width="40"/></td> | ||
<td><a href="http://www.facebook.com/OhioMod?fref=photo"target="_blank"><img src="http://openwetware.org/images/3/3f/Facebook_icon.png"height="40" width="40"/></td> | <td id="fbicon"><a href="http://www.facebook.com/OhioMod?fref=photo"target="_blank"><img src="http://openwetware.org/images/3/3f/Facebook_icon.png"height="40" width="40"/></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
</div> | </div> | ||
</html> | </html> |
Revision as of 17:54, 23 July 2014
<html>
<head> <style>
- Footer table {
width: 96.8%; max-width:2350px; bottom:0px; height:50px; /* Height of the footer */ font-weight:300; background-color: #2E2E2E; text-align:center; color: white; font-size:13px; border: 3px white solid;
}
- Footer {
clear: both; /*may be omitted*/ position: absolute; bottom: 12px; background-color:#fffff; width: 100%; height: 40px; /* or anything you like */ }
- osuicon {
position:absolute; left:15px;
}
- email {
position:relative; left:30px;
}
- fbicon {
position:absolute; right:50px;
}
- nblicon {
position:relative; right:30px;
}
</style> </head> <div id="Footer" >
<table> <tr> <td id="osuicon"><a href="http://www.osu.edu" target="_blank"><img src="http://openwetware.org/images/c/cd/TheOhioStateUniversity-REV-Horiz-RGBHEX.png
"height="35" width="180" /></td>
<td id="email">Contact us at <a href="mailto:theohiomod@gmail.com"><font color="white">theohiomod@gmail.com</a></td>
<td id="nblicon"><a href="http://mae.osu.edu/labs/nbl/"target="_blank"><img src="http://openwetware.org/images/e/e9/NBL_logo-RGBHEX.png"height="40" width="40"/></td> <td id="fbicon"><a href="http://www.facebook.com/OhioMod?fref=photo"target="_blank"><img src="http://openwetware.org/images/3/3f/Facebook_icon.png"height="40" width="40"/></td>
</tr> </table> </div>
</html>