Tabellenbild: 1 2 3 4 5 6

von: Werner Zenk

Tabellen mit Rundungen aufbauen.

Beispiel 1

Dieser Text dient nur zur Demonstration. Seine Funktion ist demgemäß
sehr beschränkt


Bilder :

Vordergrundfarbe #6789BA Hintergrundfarbe #385888

Aufbau :

	< width=75 >
<-- width=115 --> <-- Vordergrundfarbe! -->

<-- Hintergrundfarbe -->

Quelltext :

<table border="0" cellpadding="0" cellspacing="0" bgcolor=#6789BA>
 <tr>
  <td width=20 height=20 align=left><img alt="" src="e_ol.gif" width=20 height=20></td>
  <td width=75 height=20 bgcolor=#6789BA> </td>
  <td width=20 height=20 align=right><img alt="" src="e_or.gif" width=20 height=20></td>
 </tr>
 <tr>
  <td width=115 height=100 colspan=3 bgcolor=#6789BA>

+++ INHALT +++

  </td>
 </tr>
 <tr>
  <td width=20 height=20 align=left><img alt="" src="e_ul.gif" width=20 height=20></td>
  <td width=75 height=20 bgcolor=#6789BA> </td>
  <td width=20 height=20 align=right><img alt="" src="e_ur.gif" width=20 height=20></td>
 </tr>
</table>

Beispiel 2


	Dieser Text dient nur zur Demonstration. Seine Funktion ist demgemäß sehr beschränkt

Aufbau :


	<-- Mit Variabler Breite -->

Quelltext :

<table border="0" cellpadding="0" cellspacing="0" bgcolor=#6789BA>
 <tr>
  <td width=20 height=20 align=left><img alt="" src="e_ol.gif" width=20 height=20></td>
  <td bgcolor=#6789BA> </td>
  <td width=20 height=20 align=right><img alt="" src="e_or.gif" width=20 height=20></td>
 </tr>
 <tr>
  <td bgcolor=#6789BA> </td>
  <td width=115 height=100 bgcolor=#6789BA>

+++ INHALT +++

  </td>
  <td bgcolor=#6789BA> </td>
 </tr>
 <tr>
  <td width=20 height=20 align=left><img alt="" src="e_ul.gif" width=20 height=20></td>
  <td bgcolor=#6789BA> </td>
  <td width=20 height=20 align=right><img alt="" src="e_ur.gif" width=20 height=20></td>
 </tr>
</table>

"Wie erstelle ich so ein Bild??"

Ein Bild im Grafikprogramm (Paint Shop Pro); 20 x 20 Pixel (16 Millionen Farben, 24Bit) erstellen.
Mit der Farbe des Homepage-Hindergrundes füllen.
Vordergrundfarbe auswählen.
Kreisform auswählen, und Stil: gefüllt (Kreis ausgefüllt)
Unbedingt Antialiasing auswählen.
Kreis zeichnen (der Kreis muss größer als das Bild sein, man braucht also nur ein Teilstück (1/4) des Kreises im Bild!)
Das Bild mit dem Format .jpg (Kompression: 0) oder im .gif-Format (min. 256 Farben) abspeichern.
Bild "Spiegeln" und "Kippen", und jeweils unter anderem Namen speichern. Es werden vier Bilder benötigt , für jede Ecke eines!

Beim Einbinden der Bilder in eine Tabelle muss beachtet werden,
das zwischen <td> und </td> keine Leerzeichen stehen.

Beispiel: <td> <img src="bild.jpg"></td>

Das könnte Sie interessieren:

IE - Zeilenumbruch nach Form-Tag verhindern

Hintergrundbild in Position

Weicher Farbübergang in Containern

Bildschirmfoto erstellen

Farblehre

Zeilenlinien im Text - Zeilenlinien als Hintergrundbild eines Textes einfügen.

Tabellenbild 4

Tabellenbild 5

Transparentes Textfeld - Transparente Textfelder, Buttons und Eingabefelder.

Schattenbilder

Bildformate Ladezeiten

Strukturen …mehr