Seite 1 von 1

Tabelle mit 2 Spalten rechtsbündig

Verfasst: Fr 16. Jul 2021, 10:59
von inno
Hallo, ich habe eine Tabelle mit 2 Spalten.
Ist es möglich nur die zweite Spalte (Preise) rechte Spalte Linksbündig auszurichten?
Gruß

Re: Tabelle mit 2 Spalten rechtsbündig

Verfasst: Fr 16. Jul 2021, 11:45
von Tommy Herrmann
Moin,

gucke mal hier:

https://www.mobirise-tutorials.com/Test ... ml#Tabelle

Dort habe ich eine class="rechts" erstellt:

Code: Alles auswählen

.rechts {
  text-align: right;
}
... und den entsprechenden <td> Tags (table data) diese Class zusätzlich gegeben:
<td mbr-text class="body-item mbr-fonts-style rechts" mbr-theme-style="display-7" data-app-selector=".body-item">$317.000</td>
Tabelle rechtsbündige Spalte.JPG

Re: Tabelle mit 2 Spalten rechtsbündig

Verfasst: Fr 16. Jul 2021, 12:01
von inno
Klasse! Funktioniert!
Mache ich das gleiche beim Wort "Preis" in der ersten Zeile?

Re: Tabelle mit 2 Spalten rechtsbündig

Verfasst: Fr 16. Jul 2021, 12:10
von Tommy Herrmann
Ja klar - kannst Du machen - dort ist es dann ein <th> Tag (table header):
<th class="head-item mbr-fonts-style rechts display-7">EINKOMMEN</th>

Gucke Dir auch mal meine Tutorial-Seiten zu Bootstrap-Tabellen von Mobirise an:

https://www.mobirise-tutorials.com/Tabellen/

Re: Tabelle mit 2 Spalten rechtsbündig

Verfasst: Fr 16. Jul 2021, 12:15
von inno
Danke dir! Mache ich!! :)

Re: Tabelle mit 2 Spalten rechtsbündig

Verfasst: Fr 16. Jul 2021, 12:46
von Werner-Zenk.de
Tommy Herrmann hat geschrieben: Fr 16. Jul 2021, 11:45 Dort habe ich eine class="rechts" erstellt:

Code: Alles auswählen

.rechts {
  text-align: right;
}
Den Namen einer Klasse sollte man nicht nach dem Inhalt der Klasse benennen!

Code: Alles auswählen

.rechts {
  text-align: center;
}

Re: Tabelle mit 2 Spalten rechtsbündig

Verfasst: Fr 16. Jul 2021, 13:10
von Tommy Herrmann
Moin Werner,

das habe ich jetzt nicht verstanden, wieso sollte ich die Class nicht "rechts" nennen, solange ich nicht "right" schreibe. Wieso schreibst Du in Deinem Beispiel "center" rein?

In diesem Beispiel würde ich dieser Class ja niemals den Wert "center" zuordnen, da es ja ein numerischer Wert ist, der eben rechtsbündig steht und immer rechtsbündig stehen soll und ich diese Class eben genau darum "rechts" genannt habe :D

Du meinst wahrscheinlich besser wäre z.B.:

class="spaltenausrichtung"

... falls man dann doch einen anderen Wert geben würde.

Re: Tabelle mit 2 Spalten rechtsbündig

Verfasst: Fr 16. Jul 2021, 13:31
von Werner-Zenk.de
Genau ;)