Gluing Your Header to the Top of Your Website

Most people want to use headers in their web projects. Some people can't figure out how to make them stay. This video is for those beginners in web design and front end development that are having difficulty with this task.

--Here is what you will need--

A text/code editor:
http://panic.com/coda
http://www.barebones.com/products/textwrangler/

And these CSS properties:
#header{
position: absolute;
width: 100%;
left: 0px;
top: 0px;
height: (YOUR IMAGE HEIGHT HERE)px;
background-image: url(YOUR IMAGE URL HERE);
background-repeat: repeat-x,
}


Again, sorry about sound quality, good microphone is broken, and this was the only one laying around the apartment.

Facebook: http://www.facebook.com/pages/Clay-Cauley-Interactive-Designer/118126058242183

Twitter: http://www.twitter.com/clay_cauley

Gowalla: http://gowalla.com/users/claycauley

Zerply: http://zerp.ly/claycauley

deviantART: http://claycauleyinc.deviantart.com

***ALSO***
Zerply is invitation only right now, and I have one invite that I am looking to give out. So, if you are looking in to something more professional than Facebook, but more creative than Linked In, let me know. Zerply is pretty much Linked In for artists/graphic designers/web designers. If you are interested please just leave a comment with a link to something you have done so I can check it out!

OK GO!

Category:

Howto & Style

Tags:

• CSS
• HTML
• Adobe
• photoshop
• header
• body
• content
• web
• design
• develop
• development
• front
• end
• graphic
• stick
• glue
• top
• document
• cascading
• style
• sheet
• CSS3
• HTML5
• help
• how
• to
• tutorial
• guide
• instruction
• clay
• cauley
• technology

[claycauley87]

@RemysWebpageMaker This is my new account ... thanks so much for your comment. Glad to know I am helping people! Stay tuned for more vids coming soon (from this channel unfortunately)

[RemysWebpageMaker]

thank you so much, it worked and this is exactly what i was looking for. subbed, favorited, and liked. good job.