Ausrichten von bestimmten Textabschnitten

[Steve0209]

Hallo zusammen,

entweder es ist zu früh und ich steh aufm schlauch, aber ich hab ein kleines Problem:

Ich würde gern einen bestimmten Teil eines Textabschnitts rechts ausrichten.

Demzufolge mein HTML:

  
<br />  
als schlüsselfertiges Massivhaus ab <span class="preis">107.640 €</span>  
<br />  
als Energiesparhaus KfW 85 ab <span class="preis">107.640 €</span>  
<br />  
als Ausbauhaus ab <span class="preis">69.880 €</span>  

Und das CSS:

  
span.preis {  
	font-size:14px;  
	color:#296d7a;  
	font-weight:bold;  
        text-align:right;  
}

Kann mir jemand verraten, wieso das nicht klappt, dass der Preis immer rechts steht?

Danke und Grüße
S.

[Vinzenz Mai]

Hallo Steve,

entweder es ist zu früh und ich steh aufm schlauch, aber ich hab ein kleines Problem:

es ist meist eine gute Idee, die geeignetesten HTML-Elemente für den Inhalt zu wählen. Das da

<br />
als schlüsselfertiges Massivhaus ab <span class="preis">107.640 €</span>
<br />
als Energiesparhaus KfW 85 ab <span class="preis">107.640 €</span>
<br />
als Ausbauhaus ab <span class="preis">69.880 €</span>

  
kann man als Preistabelle mit den Spalten Typ und Preis ansehen. In Tabellenzellen ist die Textausrichtung ganz einfach.  
  
Listenfans würden's vermutlich als Definitionsliste auszeichnen und die dt- und dd-Elemente entsprechend floaten und clearen.  
  
Für mich ist sowas eine Tabelle und ich verwende für solche Sachen \*immer\* eine Tabelle.  
  
~~~html
<table>  
    <tr>  
        <td class="typ">als schlüsselfertiges Massivhaus ab</td>  
        <td class="preis">107.640 €</td>  
    </tr>  
    <tr>  
        <td class="typ">als Energiesparhaus KfW 85 ab</td>  
        <td class="preis">107.640 €</td>  
    </tr>  
    <tr>  
        <td class="typ">als Ausbauhaus 85 ab</td>  
        <td class="preis">69.880 €</td>  
    </tr>  
</table>

und dem CSS

td.typ {  
    text-align: left;  
}  
  
td.preis {  
    text-align: right;  
}

Gib den Spalten angemessene Breiten und es sollte passen.

Freundliche Grüße

Vinzenz

[Steve0209]

kann man als Preistabelle mit den Spalten Typ und Preis ansehen. In Tabellenzellen ist die Textausrichtung ganz einfach.
Für mich ist sowas eine Tabelle und ich verwende für solche Sachen *immer* eine Tabelle.

Hast vollkommen recht, hätt ich auch mal selber draufkommen können. Danke schön
Grüße
S.

[Gunnar Bittersmann]

@@Vinzenz Mai:

nuqneH

Listenfans würden's vermutlich als Definitionsliste auszeichnen

Ich würde sie Listenfanatiker nennen.

<td class="typ">als schlüsselfertiges Massivhaus ab</td>
        <td class="preis">107.640 €</td>

„ab“ gehört mit zum Preis!

Die Klassifizierungen kann man sich sparen: Zum einen gibt’s in CSS u.a. die Pseudoklasse :first-child; zum anderen sollten Kopfzellen als solche ausgezeichnet werden:

        <th>als schlüsselfertiges Massivhaus</th>  
        <td>ab 107.640 €</td>

Qapla'

[MudGuard]

Hi,

Listenfans
Ich würde sie Listenfanatiker nennen.

Du weißt, von welchem Wort 'fan' die Abkürzung ist?

cu,
Andreas

[Gunnar Bittersmann]

@@MudGuard:

nuqneH

Listenfans
Ich würde sie Listenfanatiker nennen.
Du weißt, von welchem Wort 'fan' die Abkürzung ist?

Ja, und ich weiß auch, dass die Bedeutungen von Fan und Fanatiker im Laufe der Zeit divergierten.

„Trotz der Etymologie hat der Fan nichts mit dem im politischen Sinn negativ besetzten Begriff Fanatiker zu tun.“ [Wikipedia]

Qapla'

[Der Martin]

Hallo,

„Trotz der Etymologie hat der Fan nichts mit dem im politischen Sinn negativ besetzten Begriff Fanatiker zu tun.“ [Wikipedia]

und es ist überflüssig, diese Aussage auf politischen Fanatismus einzuschränken.
Ein Fanatiker ist jemand, der ein Ziel mit übertriebenem, unangemessenen Aufwand verfolgt und dabei Alternativen vernachlässigt oder nicht einmal zur Kenntnis nimmt, und auf andere Interessen auch keine Rücksicht nimmt. Ob das in der Politik, im Sport, in der Wissenschaft oder im Hobby ist, steht erst in zweiter Hinsicht zur Debatte. Der negative Beigeschmack ist in jedem Fall gegeben.

Ciao,
 Martin

[ChrisB]

Hi,

> <br />  
> als schlüsselfertiges Massivhaus ab <span class="preis">107.640 €</span>

> span.preis {  
> 	font-size:14px;  
> 	color:#296d7a;  
> 	font-weight:bold;  
>         text-align:right;  
> }

Kann mir jemand verraten, wieso das nicht klappt, dass der Preis immer rechts steht?

Weil SPAN als inline-Element genau so breit ist, wie es sein Inhalt erfordert. Darin dann den Inhalt ausrichten zu wollen, ist natürlich blödsinnig.

MfG ChrisB