Zeilenabstand - wie ausrichten?

[Jan]

Hallo zusammen,

ein kleines Problem bereitet mir etwas Kopfzerbrechen:

Es gibt da eine Adresse mit Tel und Fax und mobile

Sieht dann etwa so aus

[Endansicht]
Herr Hans Muster
Sackgassstrasse 12
9000 Entenhausen

Tel: [phone]
Fax: [phone]
Mobile: [phone]
[/Endansicht]

Die Telnr.-Zahlen müssen jedoch bündig zu einander sein.
Und weil die Site mit Arial angezeigt wird, stimmts nicht ganz überein, wenn ich mit   arbeite.

Habt Ihr Anregungen, wie ich das am besten ohne " " und ohne
Tabelle lösen kann?

Besten Dank.

[Struppi]

Tel: [phone]
Fax: [phone]
Mobile: [phone]

Die Telnr.-Zahlen müssen jedoch bündig zu einander sein.
Und weil die Site mit Arial angezeigt wird, stimmts nicht ganz überein, wenn ich mit   arbeite.

Habt Ihr Anregungen, wie ich das am besten ohne " " und ohne
Tabelle lösen kann?

Du hast drei  Möglichkeiten a.) mit einer passenden Schriftart (monospace) b.) einer Tabelle oder c.) du posionierst die Zahlenwerte in dem du ein entsprechendes Element einbaust.

Ich würde aber a. oder b. bevorzugen

Struppi.

[GELÖST - jan]

Hier wäre ein Lösungsvorschlag den ich jetzt anderswo gelesen hab:

[CODE]
address {
font-family: arial,helvetica,tahoma,verdana,sans-serif;
font-size: 0.9em;
font-style: normal;
}
address span {
clear: left;
width: 3.5em;
display: block;
float: left;
}

<address>Herr Hans Muster<br>
Sackgassstrasse 12<br>
9000 Entenhausen</address>

<address><span>Tel:</span> [phone]<br>
<span>Fax:</span> [phone]<br>
<span>Mobile:</span> [phone]</address>

[/CODE]

Hat wunderbar geklappt.

Dennoch besten Dank.

[Inita]

Hi,

Kann man auch mit:

<dl>
  <dt>Tel:</dt>
  <dd>[phone]</dd>
  <dt>Fax:</dt>
  <dd>Fax</dd>
</dl>

machen. dt un dd floaten lassen und width angeben.

Inita

[Struppi]

Hier wäre ein Lösungsvorschlag den ich jetzt anderswo gelesen hab:

geht auch einfacher:

address span {
position:absolute;
left: 3.5em;
}
<address>....
Tel: <span>[phone]</span><br>
Fax: <span>[phone]</span><br>
Mobile: <span>[phone]</span></address>

Struppi.

[Inita]

Hi,

nimmt aber net left:3em, das selbe in IE und FF ;)

[Struppi]

nimmt aber net left:3em, das selbe in IE und FF ;)

Was heißt das?

Struppi.

[Inita]

nimmt aber net left:3em, das selbe in IE und FF ;)

Was heißt das?

Struppi.

das heisst, zeigt nicht das gleiche in firefox und IE. left:3em FF macht 3em, aber IE 6em (width - 2mal grosser oderso), oder umgekehrt, hab schon vergessen.

[Struppi]

nimmt aber net left:3em, das selbe in IE und FF ;)

Was heißt das?

Struppi.

das heisst, zeigt nicht das gleiche in firefox und IE. left:3em FF macht 3em, aber IE 6em (width - 2mal grosser oderso), oder umgekehrt, hab schon vergessen.

Bei mir nicht

Struppi.