Downloads

The each of the samples .zip files contains four HTML files with the menu placed at the top, left, bottom and right. The first four have just the menu code.  The second .zip file contains the same files but each has a sample background image. The last downloadable HTML has all the code necessary for the project with comments.  You will need to make changes, of course.

• Simple menu with nothing else (4 example files)
  • 4 sides_navbar (zip file)
• Simple menu with a background image (4 example files)
  • 4 sides_navbar_with_background image (zip file)
• Complete example with menu, a text box and background image (1 file)
  • 
    • splash_page_bottom_complete (html)
    • –> RIGHT CLICK TO DOWNLOAD HTML FILE <–

Remember to Your Comment Code

• Use comments to identify DIV’s in the CSS and HTML
• /* This is a sample of a comment in CSS */
• <!– This is an example of a HTML comment. –>

Sample Commented Code

Positioning Tutorials at W3schools

• CSS Grouping/Nesting
• CSS Dimension
• CSS Display
• CSS Positioning
• CSS Floating
• CSS Align
• CSS Navigation Bar
• CSS Image Opacity
• CSS Media Types