• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Text in einer Tabellenspalte verschieben

Status
Für weitere Antworten geschlossen.

schocohu

Neues Mitglied
Hallo zusammen!

Ich möchte in einer Spalte Text linksbsbündig und rechtsbündig haben. Leider klappt das nicht egal womit ich es versuchen.

<div valign="right"> setzt den text zwar nach rechts aber er springt eine Zeile tiefer.

Mit css hab ich es auch schon versucht, selbes Ergebnis. Der Versuch es über zwei Spalten zu regeln. Problem ich hab dann den Tabellenrand links. Und der geht nicht weg. Auch nicht via css! Habt ihr ne Idee?

Oder bin ich sogar im falschen Forenteil? Wenn ja bitte verschieben.

P.S. Ich werd nachher noch Bilder und Codeschnipsel einfügen.
 
Zuletzt bearbeitet:
Sry für doppelpost, aber das ganze da oben rein zu editieren würde den Rahmen sprengen.

Das soll passieren:
standard.jpg



So ist die Lösung mit zwei spalten. Nur bekomme ich den Spaltentrenner nicht weg:
Code:
<table border="1" cellpadding="3" cellspacing="0"
 style="border-collapse: collapse" bordercolor="#E1DDB9" width="95%"
 id="AutoNumber14">
    <tr>
      <td width="90%"><div style="background-color: #FCFBE0">
          <a href="Link.html">Text</a></div>
      </td>
      <td width="10%"><div style="background-color: #FCFBE0">
          <font face="Verdana" color="#8E796A">13.11.2008</font></div>
      </td>
    </tr>
tdx2.jpg


So das datum mal mit align rüber geschoben. im prinzip ja nix anderes als css:
Code:
<table border="1" cellpadding="3" cellspacing="0"
 style="border-collapse: collapse" bordercolor="#E1DDB9" width="95%"
 id="AutoNumber14">
    <tr>
      <td width="90%"><div style="background-color: #FCFBE0">
          <a href="Linkk.html">Text</a></div>
          <div align="right" style="background-color: #FCFBE0">
          <font face="Verdana" color="#8E796A">13.11.2008</font></div>
      </td>
    </tr>
    <tr>
valign.jpg


Problemlösungsversuch mit CSS:
Code:
<table border="1" cellpadding="3" cellspacing="0"
 style="border-collapse: collapse" bordercolor="#E1DDB9" width="95%"
 id="AutoNumber14">
    <tr>
      <td width="90%"><div style="background-color: #FCFBE0">
          <a href="Link.html">Text</a></div>
          <div style="text-align:right; background-color: #FCFBE0">
          <font face="Verdana" color="#8E796A">13.11.2008</font></div>
      </td>
    </tr>
css.jpg


Wäre Super wenn einer nen Lösungstipp für mich hätte.

Gruß
Stefan
 
Zu deinen Problem ;)
Code:
<table width="245" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td style="border-left:1px solid #000000; border-top:1px solid #000000; border-bottom:1px solid #000000;"> Text</td>
    <td style="border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:1px solid #000000;"> Text2</td>
  </tr>
</table>
Also so wäre es z.B: möglich, ich habe durch css befehle bei der 1.ten spalte, links - oben - unten einen rahmen gemacht und bei der 2te spalte rechts - oben -unten einen rahmen
wenn du es nicht verstehst, einfach den code ein bissle betrachten, dürfte eigendlich für jeden logisch sein und dann bei deinem beispiel anwenden ;)
 
Na klasse! :cry: Ich kann doch nix. :D
Genau so hatte ich es auch mal probiert nur irgendwie wollte das nicht klappen. Und jetzt weiß ich auch warum.
Der style=".." part im table tag hats geblockt.

Danke dir!!
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben