Tabelle mit 2 Spalten rechtsbündig

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Tabelle mit 2 Spalten rechtsbündig

Ungelesener Beitrag 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ß
Dateianhänge
screen.jpg
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Tabelle mit 2 Spalten rechtsbündig

Ungelesener Beitrag 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
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Tabelle mit 2 Spalten rechtsbündig

Ungelesener Beitrag von inno »

Klasse! Funktioniert!
Mache ich das gleiche beim Wort "Preis" in der ersten Zeile?
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Tabelle mit 2 Spalten rechtsbündig

Ungelesener Beitrag 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/
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Tabelle mit 2 Spalten rechtsbündig

Ungelesener Beitrag von inno »

Danke dir! Mache ich!! :)
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Tabelle mit 2 Spalten rechtsbündig

Ungelesener Beitrag 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;
}
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Tabelle mit 2 Spalten rechtsbündig

Ungelesener Beitrag 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.
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Tabelle mit 2 Spalten rechtsbündig

Ungelesener Beitrag von Werner-Zenk.de »

Genau ;)
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 23 Gäste