Einführung
Dreispaltiges Layout
Zweispaltiges Layout
Farben
Typographie
Bilder / Fotos
Icons
HTML-Fragmente
Das ASP-Modell
Download
Impressum
HTML-Fragmente


Unten seht ihr die Fragmente, aus denen die SPD-Seiten zusammen gesetzt sind. In den Screenshots ist das Element schwarz umrandet, für das der darunter stehende HTML-Code verantwortlich ist.

Link in der Navigation

<!--Beginn eines Links in der Navigation -->
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><a href="index.html" class="navi">Einführung</a></td>
</tr>
<tr>
<td><img src="images/spdde/portal/basics/linie.gif" vspace="3" width="150" height="1" alt="" />
</td>
</tr>
</table>
<!--Ende eines Links in der Navigation -->

Überschrift mit rotem Balken



<!-- Ueberschrift mit rotem Balken-->
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spdde/common/trans.gif" width="16" height="12" alt="" />
</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td width="14" valign="bottom"><img src="images/spdde/portal/basics/quadrat_rechts.gif" width="10" height="6" alt="" />
</td>
<td width="364" valign="bottom">Das Konzept</td>
</tr>
<tr>
<td></td>
<td><img src="images/spdde/portal/basics/quadrat_rechts.gif" width="10" height="2" alt="" />
</td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="2" bgcolor="#A70D01"><img src="images/spdde/common/trans.gif" width="1" height="2" alt="" />
</td>
</tr>
</table>

<!-- Ueberschrift mit rotem Balken Ende-->

Inhaltstabelle



<!-- Inhaltstabelle-->
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spdde/common/trans.gif" width="16" height="2" alt="" />
</td>
<td width="378"><p>Hier steht der Inhalt</p>
</td>
</tr>
</table>
<!-- Inhaltstabelle Ende-->

Einträge in der rechten Spalte

<!-- Eintrag Interaktiv Anfang -->
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spdde/common/trans.gif" width="12" height="1" alt="" />
</td>
<td colspan="2"><img src="images/spdde/portal/basics/linie_2nd.gif" width="146" height="1" vspace="2" alt="" />
</td>
</tr>
<tr>
<td></td>
<td width="12" valign="top"><img src="images/spdde/portal/toolbox/icon_print.gif" width="22" height="16" border="0" alt="testicon" />
</td>
<td width="134"><a href="#" class="navi4thactive">Funktion</a>
</td>
</tr>
</table>
<!-- Eintrag Interaktiv Ende -->

Interaktiv
testicon Funktion
© SPD.de - 2002  E-Mail direkt