Very rare to have navigation at the bottom - if text/ image cannot fit, these links will be put at the bottom of the page. However, you can fix this location.
Loading Up The Files From Last Week
Click 'Manage Sites'
Creating a CSS Document:
/* Write whatever you want here, it won't interfer with CSS code */
Make sure you open and close: {}
Linking Your Stylesheet to your HTML Index
Starting with fixed pixel sizes:
1024 x 768
You need to create a unique ID for this area. It is recommended to call it 'container' - everything is contained within this.
Adding a colour to the background in CSS (so you can see it):
If something is visible, you have to put it in between <body>
Adding container back into HTML. (it recognises this due to the hashtag)
The result is....
Unfortunately, we have a 10px border. This cannot be changed in HTML, but can in CSS.
Back to CSS style sheet:
The gap has now been removed.
When left is changed to 50%:
We need to move centre the colour into the centre:
Creating Links Across The Top
Creating the box across the top with CSS Stylesheet:
Back to HTML source code:
The result is this:
Using Adobe Illustrator for Web
Style Sheet:
Making a home button
Save two images, different layers.
CSS Style Sheet:
HTML Source Code:
Adding the rollover image:
