Textausrichtung innerhalb einer Tabellenzelle

[pixxma]

Hallo,

Du kannst auch eines der span-Element einsparen und den Abstand zum Zellenrand über den Innenabstand der Zelle selbst regeln - das macht den Code nochmal kürzer.

Die padding-Werte sind in der Endversion evtl. nicht identisch, deswegen lasse ich sie lieber beide da.

Und wie gesagt: float: right und die Voreinstellung belassen (text-align: left) - das macht's nochmal kürzer.

Also das klappt bei mir nicht. Wenn ich bei dem 2. span float:right hinzufüge, erhalte ich in der Browseransicht automatisch eine zweite Tabellenzeile darunter.

Ebenso solltest du dich von HTML-Formatierung trennen und gänzlich mit CSS arbeiten - idealerweise in einem separaten CSS-File, nicht inline.

Ja, mit der Tabellenbreite, das war nicht so gut... Externes CSS kommt noch, ich verwende gerade nur lokales CSS, um alles mögliche an der Tabelle auszuprobieren. - Verkürzt sieht sie jetzt so aus:

  
<table style="width:100%;">  
  <tr>  
    <td style="background-image:url(bilder/verlauf.jpg); text-align:right;">  
    <span style="padding-left:10px; float:left;">Text links</span>  
    <span style="padding-right:10px;">Text rechts</span>  
    </td>  
  </tr>  
</table>

Danke für Deine/Eure Bemühungen

MfG

pixxma