View Full Version : cnet.com style bottom-bar
Poontang
02-04-2011, 12:20 PM
Hey.
I want to make a bottom-bar - pretty much in the same style as on cnet.com
Does anyone know how it's done?
Innovati0n
02-04-2011, 12:46 PM
Apologies if this isn't exactly what you're looking for, but I've put it together using simple CSS. I've position it at the bottom of the browser window and added a curve.
This is the CSS code for you, I'm sure you'll know how to customise it to make it look more like CNET.
<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
#container {
width: 900px;
margin: auto;
}
#bottom-bar {
background: #333333;
position: fixed;
height: 30px;
bottom: 0;
width: 900px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
</style>
This is the HTML code for you.
<div id="container">
<div id="bottom-bar"></div>
</div>
This works in all browsers, have a mess around with it. ;)
Poontang
02-04-2011, 01:25 PM
Thanks for the fast reply!
But - all I see is a black bar at the top of the screen?
(Perhaps I am doing it wrong)
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.