 Bildhintergrund 2 Fotopräsenz
  Veraltet! Das kann man heute mit CSS-Anweisungen einfacher haben! Beispiele zur Darstellung von Vorschaugrafiken für aktuelle Browser welche CSS interpretieren können, finden sie im Menü Bilder - Untermenü 6 - 'Vorschaubilder mit CSS'
Nichts Besonderes aber eine Variante zur schlichten Darstellung einer Auswahl von Vorschaubildern im Miniaturformat von 100 x 75 Pixeln.
Beispiele bei der eine Miniansicht zum Vergrößern auf einem Monitorhintergrund dargestellt wird. In der Kombination mit dem JavaSript "Window in Bildgröße" gut geeignet für ihre Homepage Fotopräsentation.
|
|
- Darstellung innerhalb einer Tabelle
- Monitor als Hintergrundbild
- Erzwingung der Tabellengröße durch Breiten- und Höhenangaben im Table-Tag.
|
So könnte das aussehen:
 Erklärungen
Das Hintergundbild (Monitor) hat die Abmessungen 120 x 123 Pixel.
Die Größe der Tabelle wird durch entprechende Attribute festgelegt:
<table width="120" height="123" border="0" cellspacing="0" cellpadding="0">
|
|
Die Größe des Hintergrundbildes wurde so gewählt, dass durch die Attribute im <td>-Tag
valign="middle"
align="center"
das dargestellte Vorschaubild von 100x75 Pixel in die richtige Position rückt.
|
Der vollständige HTML-Quelltext für die Tabelle mit Hintergrundbild:
<table height="123" width="120" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="center" background="monitor-100x75.gif">
<img src="foto-positiv01.jpg" width="100" height="75" border="0" alt=""></td>
</tr>
</table>
Bild rechtsklicken zum Speichern
des benötigten Images:
"monitor-100x75.gif"
Dateigröße lediglich 851 Bytes
| 
Home • Bilder • Fotopräsenz 02
