verschiedene ausrichtungen innerhalb eines Elements

[Grobie]

Hi,

ich habe ein, denke mal sehr simples problem, komme aber nicht auf die lösung. ich möchte innerhalb eines <p> elementes schrift nach links und rechts ausrichten. ich habe das mit <span style="tex-align:left;">bla</span><span style="text-align:right;">bla</span> versucht, es klappt aber nicht. was muss ich tun?

Danke schonmal.

Grobie

[wahsaga]

hi,

ich möchte innerhalb eines <p> elementes schrift nach links und rechts ausrichten. ich habe das mit <span style="tex-align:left;">bla</span><span style="text-align:right;">bla</span> versucht, es klappt aber nicht.

es kann nicht klappen. der span ist nur so gross, wie es sein inhalt erfordert. ob du innerhalb dieses bereiches also den text links, rechts oder zentriert darstellst, macht optisch null unterschied.

was muss ich tun?

dich mit float beschäftigen vermutlich.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float

gruss,
wahsaga

[e7]

Hi,

wenn ich richtig verstehe, was du meinst - vergiss CSS und beschäftige dich mal mit unsichtbaren Tabellen.

E7

Meinst du ungefähr so?

/--MOZILLA------------------------X--\ |Text dies ist langer Text und so... |
|Links ausrichten       und rechts...|
|Links                         Rechts|
------------------------------------/

[Gunnar Bittersmann]

wenn ich richtig verstehe, was du meinst - vergiss CSS und beschäftige dich mal mit unsichtbaren Tabellen.

Unsinn.

E7, vergiss unsichtbare Tabellen und beschäftige dich mal mit CSS.

SCNR, Gunnar

[e7]

wenn ich richtig verstehe, was du meinst - vergiss CSS und beschäftige dich mal mit unsichtbaren Tabellen.

Unsinn.

E7, vergiss unsichtbare Tabellen und beschäftige dich mal mit CSS.

Natürlich könnte man das auch mittels DIV lösen - aber Tabellen sind einfacher.

E7

[Grobie]

so, unter IE und Opera klappt das ja gut, mit

<p><span style="float:left;">bla</span>
<span style="float:right;">bla</span></p>

aber unterm netscape nicht. da wird das außerhalb des <p> elementes dargestellt, was muss ich machen?

Grobie

[wahsaga]

hi,

so, unter IE und Opera klappt das ja gut, [...]
aber unterm netscape nicht. da wird das außerhalb des <p> elementes dargestellt, was muss ich machen?

zunächst mal musst du uns sagen, welcher netscape - 4.x oder 6/7er-version?

gruss,
wahsaga

[frankxberlin]

hi E7

Natürlich könnte man das auch mittels DIV lösen - aber Tabellen sind einfacher.

Warum denn? Ich fummelte bisher auch damit rum und bin im dicken Wälzer der Herren Münz/Nefzger noch nicht bei den CSS angkommen...

FXB

[Thomas Luethi]

Hallo,

ich habe ein, denke mal sehr simples problem, komme aber nicht auf die lösung. ich möchte innerhalb eines <p> elementes schrift nach links und rechts ausrichten. ich habe das mit <span style="tex-align:left;">bla</span><span style="text-align:right;">bla</span> versucht, es klappt aber nicht. was muss ich tun?

Viele CSS-Eigenschaften, so text-align und auch float,
lassen sich nur auf Block-Level-Elemente anwenden.
Span ist aber ein Inline-Element.

Versuch es mal mit:
span { display:block; }
und
<p>
  <span style="tex-align:left;">linksbuendiges blabla</span>
  <span style="text-align:right;">rechtsbuendiges bla</span>
</p>

Grosser Nachteil dieser Methode: Ohne CSS wird alles gleich nacheinander
auf der gleichen Zeile angezeigt.

---

Besser waere IMHO folgendes:

<p style="tex-align:left;">linksbuendiges blabla</p>
  <p style="text-align:right;">rechtsbuendiges bla</p>

und ggf. die margins der beiden Absaetze mit CSS zu reduzieren
oder auf Null zu setzen.

---

Optimal waere es, die CSS-Eigenschaften in einem externen
Stylesheet mit Klassen zu definieren.

Gruesse,

Thomas