Beispiel 1:
Benötigte Bilder:
Hintergrundfarbe: #7B91AC Quelltext:
<table border=0 align=center cellpadding=0 cellspacing=0 width=300>
<tr>
<td><img src="ui_up-left.gif"></td>
<td style="background-image: url(ui_up.gif)"></td>
<td><img src="ui_up-right.gif"></td>
</tr>
<tr>
<td style="background-image: url(ui_left.gif)"></td>
<td style="background-color: #7B91AC;">
<font color=#FFFFFF>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, ...
</font>
</td>
<td style="background-image: url(ui_right.gif)"></td>
</tr>
<tr>
<td><img src="ui_down-left.gif"></td>
<td style="background-image: url(ui_down.gif)"></td>
<td><img src="ui_down-right.gif"></td>
</tr>
</table>
Beispiel 2:
Benötigte Bilder:
Quelltext:
<table border=0 align=center cellpadding=0 cellspacing=0 width=300>
<tr>
<td><img src="ak_up-left.gif"></td>
<td style="background-image: url(ak_up.gif)"></td>
<td><img src="ak_up-right.gif"></td>
</tr>
<tr>
<td style="background-image: url(ak_left.gif)"></td>
<td>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, ...
</td>
<td style="background-image: url(ak_right.gif)"></td>
</tr>
<tr>
<td><img src="ak_down-left.gif"></td>
<td style="background-image: url(ak_down.gif)"></td>
<td><img src="ak_down-right.gif"></td>
</tr>
</table>
|
Das könnte Sie interessieren:
Open Source: Quelltext anzeigen
Verschiedene Zielgruppen
Farblehre
Überschrift mit Rahmen
Der lange Weg zum guten Webdesigner
Hypertext
Überschrift mit Rahmen (2)
Tabellen mit CSS Filter
Strukturen
Stil
IE - Zeilenumbruch nach Form-Tag verhindern
Bildformate Ladezeiten
Bildformat GIF
Tabellenbild 6
Symbolische Links - Kennzeichnen Sie Links mit Symbolen. Die Besucher erkennen sofort, was Ihnen beim anklicken des jeweiligen Links erwartet.
Tabellenbild 5
…mehr