Hot Dog Logo
Banner

Images

Design

HTML

CSS

Dreamweaver

Flash

Navigation

Other

Click on the banner at the top of the page to go back to the homepage.

These are links to a CSS project that I coded with Notepad and styled with CSS.

CSS Project 1

This is the CSS project styled with one stylesheet.

CSS Project 2

This is the CSS project styled with another stylesheet. If you view this using Firefox, then the pizza logo on the left of the page should remain stationary as you scroll down the page. This doesn't work in Internet Explorer.

 

These are links to other pages styled with CSS that were coded using Notepad.

Basic Webpage with Internal CSS

This is a basic webpage with filler text. It is styled with internal CSS.

Basic Webpage with External CSS

This is the same page as above, with the same colors and fonts, but this time it's styled with external CSS.

Basic Webpage 2 with External CSS

This is the same page as above, but this time it has a different color and font scheme. This page is styled with external CSS.

Layout with External CSS

This is an example of how external CSS can change the layout of a page. The original file without the CSS was just some black Times New Roman filler text on a white page and an image at the bottom.

Links styled with Internal CSS

These are some links that were styled with internal CSS.

Tables styled with External CSS

This page contains a table styled with CSS, and it also has an image background.


This is the CSS stylesheet used for all of my main content pages.

The CSS Stylesheet for My Web Site

CSS

This is a screenshot of the above stylesheet in Dreamweaver. Click on the image above to see the full size screenshot.

Back to Top

Copyright