PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Zu dämlich zum Tabellen coden: help plz

Henrik
2006-09-19, 23:04:39
Ich möchte dies als Tabelle umsetzen:

http://img97.imageshack.us/img97/5553/zubloedewx3.png (http://imageshack.us)

Kann ja im Prinzip nicht schwer sein aber ich bin zu dämlich und scheiter an den reihen- und spaltenübergreifenden Befehlen.

Wer hilft :redface: ?

Danke
Henrik
UliBär
2006-09-19, 23:33:39
So siehts aus:
<html>
<body>
<table border="1">
<tr>
<td rowspan="4" valign="top">Foto</td>
<td colspan="2">Vorname, Name</td>
</tr>
<tr>
<td>Unterrichtet</td><td>Fach 1, Fach2</td>
</tr>
<tr>
<td>Geburtstag</td><td>xx.xx.19xx</td>
</tr>
<tr>
<td colspan="2">Weitere Informationen</td>
</tr>
</table>
</body>
</html>
hyperterminal
2006-09-19, 23:34:01
<img src="" alt="" style="float: left;">
<table>
<tr><td>Vorname Name</td></tr>
<tr><td>Unterrichtet</td><td>Fach 1, Fach 2, Fach 3</td></tr>
<tr><td>Geburtstag</td><td>XX.XX.19XX</td></tr>
<tr><td>&gt;&gt; weitere Informationen</td></tr>
</table>
Gast
2006-09-20, 15:56:50
<img src="" alt="" style="float: left;">
<table>
<tr><td>Vorname Name</td></tr>
<tr><td>Unterrichtet</td><td>Fach 1, Fach 2, Fach 3</td></tr>
<tr><td>Geburtstag</td><td>XX.XX.19XX</td></tr>
<tr><td>&gt;&gt; weitere Informationen</td></tr>
</table>was solln das sein?
Gast
2006-09-20, 15:59:40
ich verweis einfach mal wieder auf http://jendryschik.de/wsdev/einfuehrung/xhtml/tabellen
das ding da ganz unten is gut :)
Gast
2006-09-20, 16:02:15
oder hier :) http://de.selfhtml.org/html/tabellen/index.htm
darph
2006-09-20, 16:28:24
was solln das sein?
Ordentliches HTML? ;(
UliBär
2006-09-20, 16:41:12
Ordentliches HTML? ;(Leider nicht.
1. Zeile hat einen td
2. Zeile hat zwei td
usw..
Gast
2006-09-20, 16:42:41
Ordentliches HTML? ;(Ansichtssache, die Variante aus Post #2 gefällt mir eben besser.
Gast42
2006-09-20, 17:24:15
rowspan und colspan kannte ich noch nicht, interessant.
Die Variante von hyperterminal zeigt Schwächen, sobald man den Rand zuschaltet.
Ich hätte 3 Tabellen ineinander geschachtelt (dann klappts auch mit den Umrandungen)
tabelle1: zwei spalten/eine zeile (bild - tab2)
tab 2: eine spalte, drei zeilen (name - tab3 - weitere infos)
tab 3: 2mal2 (der gelbe rest)
Gast
2006-09-20, 17:56:29
Ich hätte 3 Tabellen ineinander geschachtelt (dann klappts auch mit den Umrandungen)
tabelle1: zwei spalten/eine zeile (bild - tab2)
tab 2: eine spalte, drei zeilen (name - tab3 - weitere infos)
tab 3: 2mal2 (der gelbe rest)
pfui
PHuV
2006-09-20, 18:07:59
pfui

Dann nenne doch eine bessere Lösung, bevor Du pfuist! :rolleyes:
Gast42
2006-09-20, 18:08:01
pfui
Hä? (was willst du mir damit sagen)
wenn ich vorgeschlagen hätte, das Ganze in ein dreifach ineinander verschachteltes <unwort> frameset </unwort> zu verpacken, dann hätte ich ein pfui verstanden.
aber vielleicht musstest du ja nur niesen, und das klang so ähnlich wie pfui.
Black-Scorpion
2006-09-20, 20:16:28
Ich weiß ja nicht was an so einer Tabelle so schwer ist.
Schön bunt wie oben angegeben.
<table style="border: 1px #ff0000 solid; margin: 1px;">
<tr>
<td style="border: 1px #008000 solid; margin: 1px; vertical-align: top;" rowspan="4">Foto</td>
<td style="border: 1px #0000ff solid; margin: 1px;" colspan="2">Vorname Name</td>
<tr>
<td style="border: 1px #ffff00 solid; margin: 1px;">Unterrichtet</td><td style="border: 1px #ffff00 solid; margin: 1px;">Fach 1, Fach2, Fach 3</td>
</tr>
<tr>
<td style="border: 1px #ffff00 solid; margin: 1px;">Geburtstag</td><td style="border: 1px #ffff00 solid; margin: 1px;">xx.xx.19xx</td>
</tr>
<td style="border: 1px #0000ff solid; margin: 1px;" colspan="2"> &gt;&gt; weitere Informationen</td>
</tr>
</table>
Henrik
2006-09-20, 22:47:14
Ja wunderbar, dankeschön :)
Funktioniert recht gut http://www.brede-brakel.de/e107/page.php?14
BoneDaddy
2006-09-20, 23:05:47
pack alle noch in eine Tabelle, dann sieht es meiner Meinung nach ordentlicher aus.
DanMan
2006-09-20, 23:52:01
Wieso ist das Hintergrundbild eigentlich so komisch platziert? Mach es doch einfach oben zentriert und fest.
darph
2006-09-21, 10:48:15
Leider nicht.
1. Zeile hat einen td
2. Zeile hat zwei td
usw..
Ja, richtig. Hätten ein paar colspans oder rowspans reingehört. Aber <table border="1"> ist ja nun auch nicht gerade state of the art. ;)
UliBär
2006-09-21, 10:54:25
Ja, richtig. Hätten ein paar colspans oder rowspans reingehört. Aber <table border="1"> ist ja nun auch nicht gerade state of the art. ;)Ähem - border ="1" hatte ich nur angegeben, damit er die Struktur der Tabelle besser sehen kann. Mit border="0" ist der didaktische Effekt nicht da. :wink:
darph
2006-09-21, 10:56:41
Aber auch mit border="0" hast du das Borderattribut verwendet. Sowas macht man doch nicht. :tongue:
UliBär
2006-09-21, 11:01:35
Aber auch mit border="0" hast du das Borderattribut verwendet. Sowas macht man doch nicht. :tongue:Hast ja wahr - wollte einfach nur die Funktion von rowspan und colspan verdeutlichen und keinen xhtml-Roman mit externem css für eine Prüfungsaufgabe abgeben. :usweet: