Index of /~jamie/CS3172/Materials/examples/CSS/buttons/screen

Icon  Name                                           Last modified      Size  Description
[PARENTDIR] Parent Directory - [IMG] ie.gif 2002-08-12 10:51 4.4K [IMG] k221.gif 2002-10-09 16:19 3.0K [IMG] n4.gif 2002-08-12 12:09 3.9K [IMG] n6.gif 2002-08-12 10:51 52K [IMG] op.gif 2002-08-12 10:51 58K [IMG] webTV.gif 2002-10-10 14:23 18K [IMG] webTV.jpg 2002-10-10 14:12 65K
Screenshots of Button CSS Examples for Dal CS 3172 : Advanced Web Programming

CS3172 > Mats > examples/ > CSS > buttons/ > screen/

J. Blustein

Advanced Web Programming

[Crs | Ann | Mats | Res]

Some Example Code

CSS/buttons/screen directory

Directories

buttons/ parent directory
this directory

Files

README.shtml
(this file)
n6.gif
Mozilla (Netscape 6) screenshot
There is a big gap before the buttons. The text is red on a grey background. The buttons have very little space around the words. The top and left edge of the buttons is white and the other edges are purple. There is underling of the abbreviations.
ie.gif
Internet Explorer 5 screenshot
The text in the buttons is centred in lots of space. The text is red on a grey background. The top and left edge of the buttons is yellow and the other edges are black.
op.gif
Opera 5 screenshot
The top and left edge of the buttons is light blue and the other edges are dark blue
n4.gif
Netscape 4 screenshot
The words Homepage sections are centred in the middle of the screen. Each word of the text that should be in a button is in a vertical list. The text that should be in buttons is in red on a bright green background. There are no borders around the words (to make them appear to be buttons). None of the words that should be in the buttons are capitalized.
k221.gif
Konqueror 2.2.1 screenshot
There are no edges around the words. The grad in