✔ Tabelle "einrücken" - wie?

[GFX-Händchen]

Hallo,

brauche mal wieder Hilfe.

Soll für jemanden einen bestehenden Tabelleninhalt einrücken, damit die Preise untereinander stehen.
Also dieses € soll untereinander stehen, das soll das €-Zeichen sein.

Bei mir ist wohl etwas nciht installiert weil so komische Zeichen (€) angezeigt werden.
Lasst euch bitte davon aber nicht stören.

Kann ich das Einrücken per CSS bewerkstelligen?
Wenn ja, bitte wie (bin noch am Lernen).

<table align="center">
<TD align="center">
<table width="600">
  <tr>
    <td colspan="3"><h2>&Uuml;bernachtungspreise je Tag:</h2></td>
    </tr>
<tr>
    <td colspan="3"><h2>Ferienwohnung 1:</h2></td>
    </tr>  
<tr>
    <td width="280">Ferienwohnung für 2 Personen</td>
    <td width="280">ab 40,- €</td>
	<td>&nbsp;</td>	
  </tr>
  <tr>
    <td width="280">Jede weitere Person</td>
    <td width="280">&nbsp;&nbsp;8,- €</td>
	<td>&nbsp;</td>	
  </tr>
  <tr>
    <td width="280">Auf Wunsch mit Frühstück pro Person</td>
    <td width="280">&nbsp;&nbsp;8,- €</td>
	<td>&nbsp;</td>	
  </tr>
  <tr>
    <td width="280">Einzelzimmer incl. Frühstück</td>
    <td width="280">40,- €</td>
	<td>&nbsp;</td>	
  </tr>  
  <tr>
    <td width="280">Doppelzimmer, 2 Pers. incl. Frühstück</td>
    <td width="280">70,- €</td>
	<td>&nbsp;</td>	
  </tr> 
  <tr>
    <td width="280"></td>
    <td width="280"></td>
	<td>&nbsp;</td>	
  </tr> 
<tr>
    <td colspan="3"><h2>Ferienwohnung 2:</h2></td>
    </tr>  
<tr>
    <td width="280">Doppelzimmer, 2 Pers.</td>
    <td width="280">60,- €</td>
	<td>&nbsp;</td>	
  </tr> 
  <tr>
    <td width="280">Jede weitere Person</td>
    <td width="280">&nbsp;&nbsp;8,- €</td>
	<td>&nbsp;</td>	
  </tr>
<tr>
    <td width="280">ohne Frühstück</td>

 

[Maik]

Hi,

richte den Inhalt der "Preis-Spalte" rechtsbündig aus:

.preis { text-align:right; }

<td width="280" class="preis">ab 40,- €</td>

 

[GFX-Händchen]

Erstmal Danke für die Hilfe.
Sorry, ich wusst nicht ob ich es in die (Unter-)Kategorie Html oder CSS schreiben sollte.

Jetzt sind die Preise ein bisschen zu weit rechts (für meinen Geschmack), ich weiß nicht wie das bei der Person für die ich es ändern sollte ankommt.
Könnte man es etwas weiter nach links ausrichten?
left geht so nicht, da bleibt es quasi wie es am Anfang, vor dem Ändern, war.

 

[Maik]

Entweder richtest du einen rechten Innenabstand für die Zelle ein:

.preis { text-align:right; padding-right:100px; }

oder du verringerst ihre Breite.

 

[GFX-Händchen]

Danke, ich schau mal wie es gewünscht wird.

Mit dem padding-right:..px habe ich nichts gutes hinbekommen, da sieht es ohne diesen Inhalt, mittels deinem ersten Beitrag, doch besser aus.

 

[Dr Dau]

Hallo!

Also dieses € soll untereinander stehen, das soll das €-Zeichen sein.

€

Eigentlich ganz einfach zu merken.

Und ändere auch noch die übrigen Umlaute, so wie es bei der Überschrift mit Ü gemacht ist.
Dann klappt's auch mit dem Nachbarn..... ähm, mit dem lesen.

Gruss Dr Dau

 

[Maik]

Dann zieh mal gemäß dem Boxmodell den padding-Wert von der Breitenangabe ab, damit die Zelle weiterhin 280px breit dargestellt wird:

.preis { text-align:right; width:180px; padding-right:100px; }

und entferne das width-Attribut aus den td-Elementen.

 

[GFX-Händchen]

@Dr Dau
Danke ;-), das mit dem € und den Umlauten klappt nun auch wunderbar.

@Maik
Das teste ich gleich noch.

Edit:
Wunderbar Maik.