Abstand zwischen zwei Wörtern

[tommylik]

Hallo an alle,

Ich möchte gerne zwischen 2 Wörtern einen Abstand haben und habe das folgenderweise umgesetzt.

Es geht um die Wörter Telefon und Fax.

Falls jetzt jemand auf die Idee kommt ich könnte ja Fon schreiben wär das zwar möglich aber ich soll es nicht.

Ich habe das auch schon mit den erzwungenen Leerzeichen probiert. ([SIZE=-1] )

Sieht unschön aus, ich möchte das die Nummern, von Telefon und Fax untereinander stehen.
[/SIZE]
Mit folgendem Code funktioniert zwar das was ich möchte, aber nicht ganz.

Muß ich vielleicht einen anderen Schrifttyp nehmen?

Oder ist mein Ansatz verkehrt. Nur weil es funktioniert muß es nicht richtig sein.

<span class="telefon">Telefon</span> +49 (0)531 00 00 000<br>
<span class="fax">Fax</span> +49 (0)531 00 00 000<br>

css:

span.fax { margin-right: 32px; }
span.telefon { margin-right: 10px; }

Noch ein hinweis, wir arbeiten ohne Tabellen.


Ich sage schon mal besten Dank im vorraus.

Mfg Tommylik

 

[Commodore]

In so einem Fall darfst du eine Tabelle benutzen, hier geht es naemlich um das Darstellen von Daten und nicht um Seitenlayout ;)

Alternativ kannst du auch 2 divs nebeneinandermachen und dort was reinschreiben.

/e: So:

<div style="float:left;">Telefon <br /> fax</div>
<div>123 <br /> 456</div>

 

[tommylik]

Hallo Commodore,

Besten Dank für deine Hilfe.

Habe das jetzt so gelöst und sieht meines erachtens ganz gut aus.

Firma GmbH<br>
Musterstrasse 00<br />
00000 Musterstadt<br />
<div class="tele">Telefon <br /> fax</div>
<div class="Fax">+49 (0)000 00 00 000 <br />+49 (0)000 00 00 000</div>

css:

.tele { width: 50px; float: left; }
.fax { text-align: left; width: 170px; float: left; padding-left: 5px; }

Vielen Dank noch mal.

Mfg Tommylik

 

[Commodore]

Na dann halt mal strg gedrueckt und beweg dann dein Mausrad ;)

Das Haengt mit der festen Breite zusammen, versuchs mal besser so:

<style type="text/css">
.tele, .fax { 
  float: left;
}

Firma GmbH<br>
Musterstrasse 00<br />
00000 Musterstadt<br />
<div class="tele" style="margin-right:10px;">Telefon <br /> fax</div>
<div class="Fax">+49 (0)000 00 00 000 <br />+49 (0)000 00 00 000</div>

User mit Sehbehinderung werden dir dankbar sein ;)