19. Formattering af output

Du er her: Start → Indholdsfortegnelse → Formattering af output
Indhold

Indledning

Her følger et par eksempler på brug af stylesheet og tabeller til at formattere outputtet fra databasen:

Tabel og rammer 1

Dette eksempel bruger 1 tabel-celle til hver række i databasen. Hver rækker bliver adskildt af en vandret streg (stylesheet). Afsenderen bliver skrevet med mindre skrift (stylesheet):

  1. Opret et stylesheet omtrent som herunder: 
    <style type="text/css">
body {
	font-size:10pt;
	font-family:'Verdana','Arial';
}
td {
	font-size:10pt;
	font-family:'Verdana','Arial';
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:#000000;
} 
.mail {
	font-size:8pt;
}
</style>
</head>
<body>
  2. Skift derefter PHP-koden længere nede på siden, så den kommer til at se således ud: 
    <table>

<?
while ($raekke = mysql_fetch_row($resultat)) 
{
 echo "<tr><td>";
 echo $raekke[3];
 echo "<br><span class=\"mail\">";
 echo "<a href=\"mailto:$raekke[2]\">$raekke[1]</a>";
 echo "</span></td></tr>";
}
?>

</table>
  3. Upload siden til din server og afprøv resultatet.

Tabel og rammer 2

Her følger et eksempel på udvidet brug af rammer og tabel-celler:

  1. Skift dine stylesheet-koder så de ser således ud: 
    <style type="text/css">
body {
	font-size:10pt;
	font-family:'Verdana','Arial';
	margin-left:20%;
	margin-right:20%;
}

td {
	background-color:#E8F3FF;
	font-size:10pt;
	font-family:'Verdana','Arial';
	border-style:inset;
	border-width:3px;
	border-color:#9FCFFF;
	padding: 4px;
} 
.mail {
	font-size:8pt;
}
.mail a {
	text-decoration:none;
}

</style>
</head>
<body>
  2. Skift derefter tabel-koderne, så det kommer til at se således ud: 
    <table border="0" cellspacing="4">

<?
while ($raekke = mysql_fetch_row($resultat)) 
{
 echo "<tr><td>";
 echo $raekke[3];
 echo "<br><span class=\"mail\">";
 echo "<a href=\"mailto:$raekke[2]\">$raekke[1]</a>";
 echo "</span></td></tr>";
}
?>
</table>
  3. Eksperimenter selv med farver og andet.
  4. Upload siden til serveren og se på resultatet.