diff options
Diffstat (limited to 'Aufgabe03')
| -rw-r--r-- | Aufgabe03/tableCollidingRowColSpan.html | 45 | ||||
| -rw-r--r-- | Aufgabe03/tableLongRowColSpan.html | 43 | ||||
| -rw-r--r-- | Aufgabe03/tableNonRectangular.html | 49 |
3 files changed, 80 insertions, 57 deletions
diff --git a/Aufgabe03/tableCollidingRowColSpan.html b/Aufgabe03/tableCollidingRowColSpan.html index b878487..301c225 100644 --- a/Aufgabe03/tableCollidingRowColSpan.html +++ b/Aufgabe03/tableCollidingRowColSpan.html @@ -2,28 +2,35 @@ <html> <head> <meta charset="UTF-8"> -<title>Non rectangular tables</title> +<title>Colliding Row and Col Span</title> </head> <body> -<table border="1"> - <tr> - <th>Column 1 Heading</th> - <th rowspan="2">Column 2 Heading</th> - <th>Column 3 Heading</th> - </tr> - <tr> - <td colspan="2" align="center">Row 1: Col 1</td> - <td>Row 1: Col 3</td> - </tr> - <tr> - <td>Row 2: Col 1</td> - <td>Row 2: Col 2</td> - <td>Row 2: Col 3</td> - </tr> -</table> + <h1>Colliding Row and Col Span</h1> + <table border="1"> + <tr> + <th>Column 1 Heading</th> + <th rowspan="2">Column 2 Heading</th> + <th>Column 3 Heading</th> + </tr> + <tr> + <td colspan="2" align="center">Row 1: Col 1</td> + <td>Row 1: Col 3</td> + </tr> + <tr> + <td>Row 2: Col 1</td> + <td>Row 2: Col 2</td> + <td>Row 2: Col 3</td> + </tr> + </table> -<div><h1>Firefox:</h1>Die beiden Tabellenelemente überlagern sich einfach.</div> -<div><h1>Chrome:</h1>Die beiden Tabellenelemente überlagern sich einfach.</div> + <div> + <h1>Firefox:</h1> + Die beiden Tabellenelemente überlagern sich einfach. + </div> + <div> + <h1>Chrome:</h1> + Die beiden Tabellenelemente überlagern sich einfach. + </div> </body> </html>
\ No newline at end of file diff --git a/Aufgabe03/tableLongRowColSpan.html b/Aufgabe03/tableLongRowColSpan.html index bbd1d78..7903fa8 100644 --- a/Aufgabe03/tableLongRowColSpan.html +++ b/Aufgabe03/tableLongRowColSpan.html @@ -2,27 +2,34 @@ <html> <head> <meta charset="UTF-8"> -<title>Non rectangular tables</title> +<title>Table Long Row and Col Span</title> </head> <body> -<table border="1"> - <tr> - <th>Column 1 Heading</th> - <th rowspan="5">Column 2 Heading</th> - <th>Column 3 Heading</th> - </tr> - <tr> - <td>Row 1: Col 1</td> - <td>Row 1: Col 3</td> - </tr> - <tr> - <td>Row 2: Col 1</td> - <td>Row 2: Col 3</td> - </tr> -</table> + <h1>Table Long Row and Col Span</h1> + <table border="1"> + <tr> + <th>Column 1 Heading</th> + <th rowspan="10002348">Column 2 Heading</th> + <th>Column 3 Heading</th> + </tr> + <tr> + <td>Row 1: Col 1</td> + <td>Row 1: Col 3</td> + </tr> + <tr> + <td>Row 2: Col 1</td> + <td>Row 2: Col 3</td> + </tr> + </table> -<div><h1>Firefox:</h1>Die lange Spalte wird nur über die verfügbaren Reihen verlängert.</div> -<div><h1>Chrome:</h1>Die lange Spalte wird nur über die verfügbaren Reihen verlängert.</div> + <div> + <h1>Firefox:</h1> + Die lange Spalte wird nur über die verfügbaren Reihen verlängert. + </div> + <div> + <h1>Chrome:</h1> + Die lange Spalte wird nur über die verfügbaren Reihen verlängert. + </div> </body> </html>
\ No newline at end of file diff --git a/Aufgabe03/tableNonRectangular.html b/Aufgabe03/tableNonRectangular.html index 3f36852..94b2ee4 100644 --- a/Aufgabe03/tableNonRectangular.html +++ b/Aufgabe03/tableNonRectangular.html @@ -5,27 +5,36 @@ <title>Non rectangular tables</title> </head> <body> -<table border="1"> - <tr> - <th>Column 1 Heading</th> - <th>Column 2 Heading</th> - <th>Column 3 Heading</th> - </tr> - <tr> - <td>Row 1: Col 1</td> - <td>Row 1: Col 2</td> - <td>Row 1: Col 3</td> - </tr> - <tr> - <td>Row 2: Col 1</td> - <td>Row 2: Col 2</td> - <td>Row 2: Col 3</td> - <td>Row 2: Col 4</td> - </tr> -</table> + <h1>Non rectangular tables</h1> + <table border="1"> + <tr> + <th>Column 1 Heading</th> + <th>Column 2 Heading</th> + <th>Column 3 Heading</th> + </tr> + <tr> + <td>Row 1: Col 1</td> + <td>Row 1: Col 2</td> + <td>Row 1: Col 3</td> + </tr> + <tr> + <td>Row 2: Col 1</td> + <td>Row 2: Col 2</td> + <td>Row 2: Col 3</td> + <td>Row 2: Col 4</td> + </tr> + </table> -<div><h1>Firefox:</h1>Die Tabelle wird verlängert, um Platz für das Element zu machen, welches zuviel ist.</div> -<div><h1>Chrome:</h1>Die Tabelle wird verlängert, um Platz für das Element zu machen, welches zuviel ist.</div> + <div> + <h1>Firefox:</h1> + Die Tabelle wird verlängert, um Platz für das Element zu machen, + welches zuviel ist. + </div> + <div> + <h1>Chrome:</h1> + Die Tabelle wird verlängert, um Platz für das Element zu machen, + welches zuviel ist. + </div> </body> </html>
\ No newline at end of file |