Announcement

**Arne Drews** · 20.04.2015, 22:27

Das wird nicht ganz so einfach, weil Du die dpi des Monitors ber�cksichtigen musst und dies so gut wie fast sicher nie korrekt hinbekommen wirst.
�ber probieren kannst Du einen akzeptablen Wert herausfinden, aber beechnen l�sst der sich imho nicht so ohne weiteres.

**Sch�ler** · 21.04.2015, 10:47

DIN A4 Gesch�ftsbrief

Hallo Arne,
genau das habe ich gemacht.
Aus dem Netz habe ich ein Muster f�r Gesch�ftsbriefe geholt.
Darauf habe ich Bilder geklebt und dann nach und nach die Seite aufgebaut.
Die L�nge habe ich mit einem angepassten Textarea bestimmt.
Dar�ber und darunter habe ich mit body usw. die Tabellen angelegt.
Die habe ich dann mit colspan und rowspan "formatiert"
Ich beschreibe das so, weil ich hier schon manchen guten Hinweis bekommen habe.
Vielleicht sucht ja mal jemand danach.
Sch�ler

**Sch�ler** · 21.04.2015, 12:30

Tabelenfelder anpassen Kommentare

Die Struktur ist ok, aber das andere
Also wie ich schon schrieb alles l�uft per Try und Error

Wo darf ich Kommentare einf�gen <!-- qwerqrew>

Das verbindliche Breitenma� ist das TextArea

Die Tabelle genannt oberhalb der Grafik hat nur teilweise den Border 1 Rand

Felder verkleinern mit dem Kommentar

das gelingt mir nicht.
Das Col/Rowspan sollte den frei werden Platz bekommen

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Komplettes DIN A4 mit allem </title>
</head>

<body>
<table border="1" style="width:648pt; height:277pt;">
<tr>
  <td style="width:648pt; height:10pt;">[U]oberhalb Grafik[/U]</td>
 </tr>
</body>

<Body>
<tr>
<td colspan="2" style="text-align:center;">
  <img src="Kopf_Wald_195.jpg" width="850" height="190" alt="wald">
</td>
</tr>
  <tr>
  <td style="width:245pt; height:10pt;">Abstand zum Absender</td>
      <th  <style rowspan="3" "width 95pt; height 307;">rowspan und colspan bestimmen Zelle rechst </th>
 </tr>
  <tr>
  <td style="width:245pt; height:10pt;">[U]Platz des Absender 30 Pt[/U]<br><br>
  muss schmaler werden</td>
 </tr>
  <tr>
  <td style="width:245pt; height:80pt;">Adresse 40 Pt</td>
 </tr>
 </table>
</Body>

<Body>
<table border="1">
<!-- Hier die vier Felder der Zeile Betreff -->
    <tr>
        <td style="width:240pt; height 150pt ;">Betreff</td>
        <td style="width:125pt;">Telefon / Fax</td>
        <td style="width:180pt;">E-Mail Adresse wrewrrew</td>
        <td style="width:80pt;">Datum</td>
    </tr>
</table>

 <textarea rows="50" cols="105">
Dies ist ein mehrzeiliges Textfeld, welches �ber den TEXTAREA-Tag erzeugt wird.
 </textarea></p>

</body>

<Body>

<table>
<table border="1">
    <tr>
        <td style="width:200pt; height 150pt ;">Firmenname</td>
        <td style="width:165pt;">Firmensitz</td>
        <td style="width:180pt;">Bank</td>
        <td style="width:80pt;">Steuernumme</td>
    </tr>
</table>
</Body>
</html>

Christian hat mich auf ich-lerne-css hingewiesen.
Wo finde ich mehr �ber die Syntax
So wie wir fr�her vor 70 Jahren Latein gelernt haben

Sch�ler

**fanderlf** · 21.04.2015, 13:49

Hier gibts eine relativ gute Beschreibung aller gaengigen HTML Elemente/CSS/Javascript:

http://wiki.selfhtml.org/wiki/Startseite

**Falk Pr�fer** · 23.04.2015, 12:00

Hallo,
solange es dir nicht gelingt fehlerfreies HTML zu erzeugen, solange ist jeder Formatierungsversuch verlorene M�he! In deinem HTML-Code sind mehrere grobe Fehler:
- Mehrere body-Tags (Das body-Tag darf nur einmal in der gesamten HTML-Seite vorkommen.
- Schlie�ende Tags ohne �ffnendes Tag
- Fehlerhafte Platzierungen
- Syntaxfehler
Das da �berhaupt was angezeigt wird, ist nur von der Fehlertoleranz der Browser abh�ngig.

Anmerkung: Grundeinstellung ist immer, dass aller Text auch angezeigt wird. Eine Angabe der H�he ist im Normalfall nicht absolut und verl�sslich! Ohne Angabe was im Falle von Platzmangel (overflow) passieren soll, wird ein Textelement immer soweit erweitert, dass aller Text angezeigt werden kann.

Siehe dieses Beispiel:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Komplettes DIN A4 mit allem </title>
<style type="text/css">
  div.textbox,
  div.textbox_scroll,
  div.textbox_cut {
    width: 150pt;
    height: 150pt;
    border: 1px solid red;
    display: inline-block;
    vertical-align: top;
  }
  div.textbox_scroll {
    overflow: scroll;
  }
  div.textbox_cut {
    overflow: hidden;
  }

</style>
</head>

<body>
  <div class="textbox">
    Das ist nur wenig Text
  </div>
  <div class="textbox">
    Das ist sehr viiiel mehr Text. Das ist sehr viiiel mehr Text. Das ist sehr viiiel mehr Text.<br />
    Mit&nbsp;einer&nbsp;langen&nbsp;Zeile&nbsp;mit&nbsp;festen&nbsp;Zwischenr�umen.<br />
    Das ist sehr viiiel mehr Text. Das ist sehr viiiel mehr Text. Das ist sehr viiiel mehr Text.<br />
    Das ist sehr viiiel mehr Text. Das ist sehr viiiel mehr Text. Das ist sehr viiiel mehr Text.
  </div>
  <div class="textbox_scroll">
    Das ist auch viiiel Text, aber er wird gescrollt. Das ist auch viiiel Text, aber er wird gescrollt.<br />
    Mit&nbsp;einer&nbsp;langen&nbsp;Zeile&nbsp;mit&nbsp;festen&nbsp;Zwischenr�umen.<br />
    Das ist auch viiiel Text, aber er wird gescrollt. Das ist auch viiiel Text, aber er wird gescrollt.<br />
    Das ist auch viiiel Text, aber er wird gescrollt. Das ist auch viiiel Text, aber er wird gescrollt.
  </div>
  <div class="textbox_cut">
    Dieser Text wird einfach abgeschnitten wenn er zuviel Platz einnimmt.<br />
    Mit&nbsp;einer&nbsp;langen&nbsp;Zeile&nbsp;mit&nbsp;festen&nbsp;Zwischenr�umen.<br />
    Dieser Text wird einfach abgeschnitten wenn er zuviel Platz einnimmt.<br />
    Dieser Text wird einfach abgeschnitten wenn er zuviel Platz einnimmt.
  </div>
</body>
</html>

Ausgabe:
ausgabe_beispiel.jpg

Gru� Falk

Announcement

Tabelle auf Breite des Textarea

Tabelle auf Breite des Textarea

Comment

Comment

Comment

Comment

Comment