Using Style Sheets with DBApps - Guestbook Layout

This document explains how to integrate style sheets with DBApps that use a guestbook layout. The DBApps can be modified through various unique selectors, which are explained below. It is assumed that the reader is familiar with style sheets and DBApps.

If you elect to use no style sheet, then your DBApp will look like the following:

Mon 11-Oct-2004 05:14
NameVinod Parmar
CountryIndia
What do you think of this site?excellent
more

Mon 4-Oct-2004 15:47
NameAlexa
CountryEcuador
What do you think of this site?excellent
more

Sun 3-Oct-2004 18:08
NameLee Gardner
CountryUnited States
What do you think of this site?fair
more

If you use a style sheet, then your DBApp could look like this:

NameVinod Parmar
CountryIndia
What do you think of this site?excellent
NameAlexa
CountryEcuador
What do you think of this site?excellent
NameLee Gardner
CountryUnited States
What do you think of this site?fair

Below is the style sheet that was used for the table above. Feel free to copy and modify it.

A.more, A.more:VISITED {
	color: black;
}

A.more:HOVER {
	background-color: #88F;
}

DIV.entry {
	background-color: #CCF;
	border: 1px solid black;
	margin: 1em;
	padding: 4px;
	width: 30em;
}

DIV.entry_date {
	font-size: larger;
	color: blue;
	margin: 2px;
}

DIV.field {
}

DIV.more {
	margin-left: 1em;
}

SPAN.field_header {
	font-weight:bold;
	margin-right: .5em;
}

Below is a diagram which illustrates style sheet selectors with their corresponding elements:

dbapp style sheet selectors diagram

Please post questions regarding style sheets and DBApps on the WebApp Forum.

Back to Using Style Sheets with the DBApps