CS4173 > 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 Grad students has no background colour and is in italics. The grad leans right and is cut off by the first letter of Students.
webTV.gif
WebTV simulator screenshot
The buttons are shown as red text on black background. The font is very large.

http://web.cs.dal.ca/~jamie/CS4173/examples/CSS/buttons/screen/README.shtml
Version:
Tuesday, 08-Nov-2005 21:22:26 AST
CS 4173 Prof:
J. Blustein <jamie@cs.dal.ca>
Shortcuts
Accesskey menu
Sitemap
Site search

Valid XHTML 1.0!