bildgroesse.txt


Hinweis:

Mit index.htm wird die Seite (1024er Auflösung) in Frames aufgeteilt:
Links wird für das Menü eine Breite von 193 px reserviert.

Mit 0-main.css werden für die Tabellenzellen Ränder mit 1 px Breite definiert,
dazu kommt ein Leerraum (padding) von 2 px.

Mit diesen Werten können folgende Bildgrössen realisiert werden:

Querformate             4:3          8:3         16:3
Ganze   Framebreite 768px 576px  768px 288px  768px 144px
Halbe   Framebreite 384px 288px  384px 144px  384px  72px
Drittel Framebreite 256px 192px  256px  96px  256px  48px
Viertel Framebreite 192px 144px  192px  72px  192px  36px

Hochformate             3:4
Halbe   Framebreite 384px 512px  
Drittel Framebreite 256px 341px
Viertel Framebreite 192px 256px

Viertel Framebreite 190px 288px ist ein Sonderformat:
Unter Verzicht auf das Verhältnis 3:4 kann man ein halbes 3:4-Querformat-Bild und
zwei Hochformatbilder der gleichen Höhe kombinieren! 


Diese Bildgrössen erlauben, dass beispielsweise zwei kleine Bilder mit einem grösseren Bild kombiniert werden
(allerdings nur ohne Padding und ohne Rand!)
Ansonsten muss das grosse Bild entsprechend um 2*Padding und 1*Rand skaliert werden!

Bei der üblichen Tabelle ist kein Rand und ein Padding von 2 px vorgesehen, damit muss das grosse
Bild um 4 px höher sein als die beiden kleinen zusammen


-------------------------------------------------------------

Bilddtabelle (2 Zeilen, 2 Spalten für zwei Bilder und zwei Bildunterschriften

<P>
<!Tabelle mit 2 Zeilen (TR) und 2 Spalten (TD)>
<TABLE>
  <!Zeile 1>
  <TR>
    <!Linke Zelle>
    <TD CLASS="mitr">
      <CENTER><IMG SRC="bild1" ALT="bild1"></CENTER>
    </TD>

    <!Rechte Zelle>
    <TD CLASS="mitr">
      <CENTER><IMG SRC="bild2" ALT="bild2"></CENTER>
    </TD>
  </TR>

  <!Zeile 2>
  <TR>
    <!Linke Zelle>
    <TD>
      <FONT SIZE="-1">text1.</FONT>
    </TD>

    <!Rechte Zelle>
    <TD>
      <FONT SIZE="-1">text2.</FONT>
    </TD>
  </TR>
</TABLE>

-------------------------------------------------------------

Bilddtabelle (2 Zeilen, 3 Spalten für drei Bilder und drei Bildunterschriften

<P>
<!Tabelle mit 2 Zeilen (TR) und 3 Spalten (TD)>
<TABLE>
  <!Zeile 1>
  <TR>
    <!Zelle1>
    <TD CLASS="mitr">
      <CENTER><IMG SRC="bild1" ALT="bild1"></CENTER>
    </TD>

    <!Zelle2>
    <TD CLASS="mitr">
      <CENTER><IMG SRC="bild2" ALT="bild2"></CENTER>
    </TD>

    <!Zelle3>
    <TD CLASS="mitr">
      <CENTER><IMG SRC="bild3" ALT="bild3"></CENTER>
    </TD>
  </TR>

  <!Zeile 2>
  <TR>
    <!Zelle1>
    <TD>
      <FONT SIZE="-1">text1.</FONT>
    </TD>

    <!Zelle2>
    <TD>
      <FONT SIZE="-1">text2.</FONT>
    </TD>

    <!Zelle3>
    <TD>
      <FONT SIZE="-1">text3.</FONT>
    </TD>
  </TR>
</TABLE>

-------------------------------------------------------------

Bilddtabelle (2 Zeilen, 4 Spalten für vier Bilder und vier Bildunterschriften

<P>
<!Tabelle mit 2 Zeilen (TR) und 3 Spalten (TD)>
<TABLE>
  <!Zeile 1>
  <TR>
    <!Zelle1>
    <TD CLASS="mitr">
      <CENTER><IMG SRC="bild1" ALT="bild1"></CENTER>
    </TD>

    <!Zelle2>
    <TD CLASS="mitr">
      <CENTER><IMG SRC="bild2" ALT="bild2"></CENTER>
    </TD>

    <!Zelle3>
    <TD CLASS="mitr">
      <CENTER><IMG SRC="bild3" ALT="bild3"></CENTER>
    </TD>

    <!Zelle4>
    <TD CLASS="mitr">
      <CENTER><IMG SRC="bild4" ALT="bild4"></CENTER>
    </TD>
  </TR>

  <!Zeile 2>
  <TR>
    <!Zelle1>
    <TD>
      <FONT SIZE="-1">text1.</FONT>
    </TD>

    <!Zelle2>
    <TD>
      <FONT SIZE="-1">text2.</FONT>
    </TD>

    <!Zelle3>
    <TD>
      <FONT SIZE="-1">text3.</FONT>
    </TD>

    <!Zelle4>
    <TD>
      <FONT SIZE="-1">text4.</FONT>
    </TD>
  </TR>
</TABLE>


-------------------------------------------------------------

Bilddtabelle (3 Zellen, zusammengefasst)

<!
Tabelle mit 3 Zellen für ein HF und 2 QF-Bilder
+---------+---------+
!         !         !
!         !    2    !
!         ! 384x256 !
!    1    +---------+
! 384x516 !         !
!  statt  !    3    !
!(384x512)! 384x256 !
+---------+---------+
>

<TABLE>
  <TR>
    <TH COLSPAN="2" ROWSPAN="2">
      <!1: Grosses HF-Bild (halbe Seitenbreite, 3:4)>
      <IMG SRC="./bilder/xxx">
    </TH>

    <TD>
      <!2: Kleines QF-Bild oben (halbe Seitenbreite, 4:3)>
      <IMG SRC="./bilder/xxx">
    </TD>
  </TR>

  <TR>
    <TD>
      <!3: Kleines QF-Bild unten (halbe Seitenbreite, 4:3)>>
      <IMG SRC="./bilder/xxx">
    </TD>
  </TR>
</TABLE>