Sticky Navigation bar using html 5 and css3 (small code)
Sticky Navigation Bar using HTML 5 and CSS3 (Small Code) Sticky Nav bar is the 'it' thing today, whether its facebook, google, or anyone else. But what I wanted was a simple short code. No Javascript, or anything else that would make me wanna puke. Under <body> tag, add this: Thats it! To use it to your ease, here is a few explanation, if you are unfamiliar to HTML5/CSS3 div id="header" <----- this is a unique ID given to a html element, so the browser knows that the style being applied using the ' #header ' is for that particular element, and no one else. It is only used once, use 'class=' tag, if you want to use a style for different elements many times. Doing so, would reduce the size of your webpage, resulting in lower bandwidth need and performance stuff. background: #f2f2f2; <---- color of your bar, use photoshop eyedropper tool to get the # of the color you want. padding:28px; height:55px; <----- play wi