text-align:right in Tabelle?

[sh0x]

Hallo CSSler,

ich habe eine Tabelle. Die Tabellenüberschrift soll in <tr> sein.
Damit ihr wisst, wie ich das meine, habe ich eine Grafik angehängt.

Ein Teil der Überschrift soll links angeordnet sein. Der andere Teil rechts.
Den rechten Teil habe ich mit

<span style="text-align:right;">rechter Teil</span>

versucht zu formatieren, hat aber nicht geklappt.

Wie mache ich das?

 

[Quaese]

Hi,

eine Möglichkeit ist, zwei DIVs in die Zelle einzubinden. Das erste Element wird mit float: right
eingebunden. Das zweite umfließt das erste dann links.

<table style="width: 100%;">
  <tr>
    <td>
      <div style="float: right;">Zeige Dokument 19-24</div>
      <div>105 gefundene Dokumente insgesamt</div>
    </td>
  </tr>
</table>

Ciao
Quaese

 

[dark_ghost]

Diese Variante würde auch gehn:

Code:

<table style="width: 377px;">
<tr>
	<td>105 gefundene Dokumente insgesamt</td>
	<td align="right">Zeige Dokument 19-24</td>
</tr>
</table>

Dann halt noch deinen wünschen entsprechend, Hintergrund,- und Textfarbe festlegen.

Gruß
Andreas

 

[PuReSteeL]

Woher soll das <Span> Objekt auch wissen wie breit es ist und damit den Text rechts anzeigen? Soll heissen, das Span Objekt ist genauso breit wie der in ihm liegende Inhalt.

Korrekt wäre also gewesen:

<table>
  <tr>
    <td style="text-align:right;">Hier dein Text</td>
  </tr>
</table>

Du möchtest ja dem Inhalt der Zelle sagen, das der Text rechts ausgerichtet werden soll.

Grüße
Heiko

 

[son gohan]

Mit einem Span Tag kann man kein Text links oder rechts ausrichten dazu muss man ein inline Element benutzen oder dem span Tag die eigenschaft display:block geben.

 

[Maik]

dazu muss man ein inline Element benutzen oder dem span Tag die eigenschaft display:block geben.

Du meinst wohl eher ein Block-Level-Element