[DiNozzo]

Hi Leute

wie kann ich in HTML den Inhalt einer Tabelle senkrecht ausrichten?
Derzeit sieht mein Code so aus:

[...]
<!--Tabelle-->
<table border="1">
	<tr>
  <td colspan="3">Überschrift</td>
	</tr>
	
        <tr>
  <td rowspan="4">Laune</td>
	</tr>
	
	<tr>	
  <td><p><img src="gfx/biggrin.gif" alt="biggrin"></p></td>
  <td><a href="tabelle/lustig.htm">Lustig</a></td>
  
	</tr>
	
	<tr>	
  <td><p><img src="gfx/rolleyes.gif" alt="rolleyes"></p></td>
  <td><a href="tabelle/augenrollen.htm">Augenrollen</a></td>
	</tr>
	
	<tr>	
  <td><p><img src="gfx/angry2.gif" alt="angry"></p></td>
  <td><a href="tabelle/wütend.htm">Wütend</a></td>
	</tr>
<!--/Tabelle-->
[...]

Dieser Teil, <tr><td rowspan="4">Laune</td></tr>, der soll anstatt waagrecht, senkrecht dastehen, nur weiß ich leider nicht wie das gehen soll

Dieser Beitrag wurde von Stefan bearbeitet: 06. Februar 2005 - 09:36

[supastah]

<table border="1" align="center">

und
wenn du Spalten zusammenfassen willst musst du "colspan" benutzten.

Schau dir mal den Link an. Da findest du fast alles zu HTML gut und einfach erklärt:

SelfHTML

[DiNozzo]

Omg, danke für deinen Code, nur wtf?
Ich will doch keine Tabelle zentrieren, sondern einfach die Textrichtung ändern
Außerdem bei SelfHTML finde ich nur beispiele, wie ich dies per php mache, aber ich brauche einen HTML code dafür

[Sin]

so?
L
A
U
N
E
?

Wie wärs mit Absätzen?

[HighFidelity]

Hm, also mit HTML geht das meines Wissens gar nicht.
Du könntest vlt. mal schauen, obs bei CSS (cascading style sheets) was passendes dafür gibt: CSS specs beim W3C (englisch)
Mir ist da jedenfalls nichts bekannt. Als letzte Möglichkeit könntest du es ja auch als Bild einbinden - also den Text "Laune" mit dem Smiley in deinem Bildbearbeitungsproggi erstellen und das dann in deine Webseite einbauen.

[immerreggen]

falls er das so haben will wie sin das meint, dann ist es doch relativ einfach..?

<table border="1">
<tr>
 <td colspan="3">Überschrift</td>
</tr>

       <tr>
 <td rowspan="4">L<br>a<br>u<br>n<br>e</td>
</tr>

<tr>
 <td><p><img src="gfx/biggrin.gif" alt="biggrin"></p></td>
 <td><a href="tabelle/lustig.htm">Lustig</a></td>

</tr>

<tr>
 <td><p><img src="gfx/rolleyes.gif" alt="rolleyes"></p></td>
 <td><a href="tabelle/augenrollen.htm">Augenrollen</a></td>
</tr>

<tr>
 <td><p><img src="gfx/angry2.gif" alt="angry"></p></td>
 <td><a href="tabelle/wütend.htm">Wütend</a></td>
</tr>
</table>

[DiNozzo]

Zitat (immerreggen: 07.02.2005, 05:28)

falls er das so haben will wie sin das meint, dann ist es doch relativ einfach..? 

<table border="1">
<tr>
 <td colspan="3">Überschrift</td>
</tr>

       <tr>
 <td rowspan="4">L<br>a<br>u<br>n<br>e</td>
</tr>

<tr>
 <td><p><img src="gfx/biggrin.gif" alt="biggrin"></p></td>
 <td><a href="tabelle/lustig.htm">Lustig</a></td>

</tr>

<tr>
 <td><p><img src="gfx/rolleyes.gif" alt="rolleyes"></p></td>
 <td><a href="tabelle/augenrollen.htm">Augenrollen</a></td>
</tr>

<tr>
 <td><p><img src="gfx/angry2.gif" alt="angry"></p></td>
 <td><a href="tabelle/wütend.htm">Wütend</a></td>
</tr>
</table>

<{POST_SNAPBACK}>

Danke so hab ich es gemacht, aber es müsste wenn schon, dann so aussehen:

<table border="1">
<tr>
<td colspan="3">Überschrift</td>
</tr>

      <tr>
<td rowspan="4">L<br />a<br />u<br />n<br />e</td>
</tr>

<tr>
<td><p><img src="gfx/biggrin.gif" alt="biggrin"></p></td>
<td><a href="tabelle/lustig.htm">Lustig</a></td>

</tr>

<tr>
<td><p><img src="gfx/rolleyes.gif" alt="rolleyes"></p></td>
<td><a href="tabelle/augenrollen.htm">Augenrollen</a></td>
</tr>

<tr>
<td><p><img src="gfx/angry2.gif" alt="angry"></p></td>
<td><a href="tabelle/wütend.htm">Wütend</a></td>
</tr>
</table>

[immerreggen]

wenn man sich auf eine art des schreibens festgelegt hat, dann wohl schon

http://de.selfhtml.o.../standalone.htm

[HighFidelity]

Zitat (Stefan: 07.02.2005, 14:03)

Danke so hab ich es gemacht, aber es müsste wenn schon, dann so aussehen:

Wenn es dir so gefällt Aber wenn schon XHTML, dann auch richtig, also so:

<table border="1">
<tr>
<td colspan="3">Überschrift</td>
</tr>

<tr>
<td rowspan="4">L<br />a<br />u<br />n<br />e</td>
</tr>

<tr>
<td><p><img src="gfx/biggrin.gif" alt="biggrin" title="biggrin" /></p></td>
<td><a href="tabelle/lustig.htm">Lustig</a></td>
</tr>

<tr>
<td><p><img src="gfx/rolleyes.gif" alt="rolleyes" title="rolleyes" /></p></td>
<td><a href="tabelle/augenrollen.htm">Augenrollen</a></td>
</tr>

<tr>
<td><p><img src="gfx/angry2.gif" alt="angry" title="angry" /></p></td>
<td><a href="tabelle/wuetend.htm">Wütend</a></td>
</tr>
</table>

Wobei das große Ü noch & # 220 ; und das kleine ü als & # 220 ; zu schreiben ist (ohne die Leerzeichen dazwischen) - was hier vom Forum aber (leider) automatisch umgewandelt wird.
Das könnte man nun noch weiter treiben und z.B. noch die border und alt Attribute verbannen, aber das würde dann die Kompatibilität zu mgl. vielen Browsern negativ beeinflussen.

Dieser Beitrag wurde von HighFidelity bearbeitet: 07. Februar 2005 - 17:46