Suche eine Formatierungstag

Computer: Software & Programmierung HTML & CSS
1

linksbündiger Text
rechtsbündiger Text

Bei diesem vereinfachten Beispiel gibt er diese Texte einmal rechtsbündig und dann linksbündig aus. Wie kann ich die Zeilenschaltung verhindern, und damit beide Texte in einer Zeile darstellen. Kennt jemand einen Tag dafür?

2

Warum machst du es nciht einfach in einer Tabelle?

Blubb
Blubb
Blubb
Blubb

LG Matthias

3

selfhtml zu :

Allgemeines Block-Element
Sie können mehrere Elemente wie Text, Grafiken, Tabellen usw., in einen gemeinsamen Bereich einschließen. Dieses allgemeine Element bewirkt nichts weiter als dass es in einer neuen Zeile des Fließtextes beginnt. Ansonsten hat es keine Eigenschaften. Es ist dazu gedacht, um mit Hilfe von CSS formatiert zu werden.

(src: http://de.selfhtml.org/html/text/bereiche.htm#block)

mfg
julian

4

argh

Warum machst du es nciht einfach in einer Tabelle?

weil Tabellen KEIN Designwerkzeug sind…

so gehts auch:

linksbündiger
 Text
rechtsbündiger
 Text

evtl noch das attribut
vertical-align: top;
setzen im span-tag damit die Dinger auch oben stehen…

2 „Gefällt mir“
5

Moin

so gehts auch:

linksbündiger
Text
rechtsbündiger
Text

evtl noch das attribut
vertical-align: top;
setzen im span-tag damit die Dinger auch oben stehen…

Funktioniert leider nicht im Firefox (1.0.6)
Ich finde auf die schnelle nicht den Grund.

Schöne Grüße

Leo

6

Hallo,

es gibt mindestens zwei Möglichkeiten dies anzustellen.

  1. Absolutpositionierung:
    Linksbündig
    Rechtsbündig

  2. Float-Positionierung:
    Rechtsbündig
    Linksbündig

Nachteil der Absolutpositionierung ist, dass es keinen Platz zugeordnet bekommt. D.h. es geschieht kein Zeilenumbruch. Auf der anderen Seite ist float eigentlich für umlaufenden Text gedacht… Trotzdem, ich würde sagen, zur Zeit sind das die beiden besten Möglichkeiten. Von Tabellen würde ich an deiner Stelle unbedingt absehen.

Gruss, Omar Abo-Namous

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

7

DIV / CSS + float, clear
Hi Alexander,

versuchs mal damit:

CSS:

div#all {
width:90%;
margin:0 auto 0 auto;
}
div#left {
border: 1px dashed blue;
float:left;
width:50%;
}
div#right {
border: 1px dashed blue;
border-left:0;
margin-left:50%;
}

HTML:

Text…

Text…

Wenn Du das Feld mit dem Text in „right“ auf die Höhe von „left“ ziehen möchtest, füge einen
mit style=„clear:left“ ein. das geht mit dem Div rechts nicht, solange es nicht floatet. Wenn Du beide Float setzt musst Du aber mit den Borders aufpassen, da z.B. Firefox sie zur Breite addiert und so einen Umbruch verursacht.

auf dem IÄ habe ich das nicht probiert, solange es nicht zu kompliziert wird, versteht es sogar der.

Schönen Gruß,
Rudy