Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » CSS inline & zwei Textausrichtungen Antworten
CSS inline & zwei Textausrichtungen

n0f3aR
Mausakrobat


Beiträge: 155


Hallo zusammen!

Ich möchte in einer Zeile zwei Texte ausgeben, die jeweils links und rechts ausgerichtet sind.
Mein Code dazu sieht wie folgt aus:
1: 
2: 
3:
echo "<div><p>".$id.". ".$name." Eingetragen am ".$date." um ".$time." Uhr</p>";


Die id und der Name sollen links, und ab "Eingetragen am..." soll dann rechts ausgerichtet werden.
In einer Zeile anzeigen, hab ich mit display inline schon hinbekomen, nur die Ausrichtung...

Vielen dank schonmal

---
Kostenlos Webspace bei funpic.de

Diese Nachricht wurde geändert von: n0f3aR
  Profil   E-Mail   Editieren   Zitieren

Al Blank
Quasselstrippe


Beiträge: 368


Das wäre eine Möglichkeit mit Tabelle, wobei Du natürlich die Angaben mit CSS machen kannst.

1:
echo "<p><table width=\"100%\"><tr><td align=\"left\">".$id.". ".$name."</td><td align=\"right\">Eingetragen am ".$date." um ".$time."</td></tr></table></p>";

  Profil   Editieren   Zitieren

n0f3aR
Mausakrobat


Beiträge: 155


Ups, sorry, hab vergessen zu erwähnen dass ich das ganze ohne Tabellen realisieren will.
Hab das auch schon mal gesehen, kann mich aber nicht mehr dran erinnern auf welcher Seite das Beispiel war, hab schon gestern und heute gegooglet wie bekloppt :D

---
Kostenlos Webspace bei funpic.de

Diese Nachricht wurde geändert von: n0f3aR
  Profil   E-Mail   Editieren   Zitieren

Al Blank
Quasselstrippe


Beiträge: 368


Oder so:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13:
<style type="text/css">
p {
	display: inline;
}
.links {
	text-align: left;
	width: 50%;
}
.rechts {
	text-align: right;
	width: 50%;
}
</style>


1:
<p><span class="links">links</span><span class="rechts">rechts</span></p> 

  Profil   Editieren   Zitieren

n0f3aR
Mausakrobat


Beiträge: 155


Im IE klappts. Im Mozilla leider nicht
Trotzdem schonmal danke.
Kennst du, oder wer anders noch ne Lösung die auch im Mozilla läuft?

---
Kostenlos Webspace bei funpic.de

  Profil   E-Mail   Editieren   Zitieren

Philipp Gérard
Foren-Team


Beiträge: 1508


1:
<div class="links">foo</div><div class="rechts">foo2</div>
?

---
Arbeit ist das Feuer der Gestaltung. - Marx

  Profil   E-Mail   Website   Editieren   Zitieren

n0f3aR
Mausakrobat


Beiträge: 155


Klappt leider auch nicht, hatte ich auch schon probiert. hm... ich probier mal weiter...

---
Kostenlos Webspace bei funpic.de

  Profil   E-Mail   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


also was sicher geht ist mit <div align="left">, aber du willst ja CSS...

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

n0f3aR
Mausakrobat


Beiträge: 155


Hm... mir wäre das auch recht.. nur das klappt im Mozilla nicht so wie ich das gern hätte.
Ich kriegs entweder direkt hintereinander links ODER rechts, oder links UND rechts, nur halt mit nem Umbruch. Ich hätte gerne links UND rechts ohne Umbruch. klappt wohl nicht ohne tabelle :(
Ich probiers mal mit listen

---
Kostenlos Webspace bei funpic.de

  Profil   E-Mail   Editieren   Zitieren

Al Blank
Quasselstrippe


Beiträge: 368


display: inline geht nur auf <span> <a> oder <img>!


  Profil   Editieren   Zitieren

n0f3aR
Mausakrobat


Beiträge: 155


nee, das geht auch für <div>, klappt sogar für <h1> - <h6>, siehe selfhtml.
Das display:inline läuft sogar bei mir, nur die Textausrichtung links UND rechts klappt nicht im Mozilla. Im IE klappt sogar diese...

---
Kostenlos Webspace bei funpic.de

  Profil   E-Mail   Editieren   Zitieren

Al Blank
Quasselstrippe


Beiträge: 368


ahso, sorry dann hab ich falsche infos, da muß ich nochmal nachforschen!

  Profil   Editieren   Zitieren

n0f3aR
Mausakrobat


Beiträge: 155


Ich nehms dir nicht übel ;)
Da ich nicht wüßte wie ichs dem Mozilla ohne Tabellen recht machen soll hab ichs jetzt mit ner Tabelle gemacht. Wenn ich noch ne andere Lösung finde werd ich sie posten.

---
Kostenlos Webspace bei funpic.de

  Profil   E-Mail   Editieren   Zitieren

DukeXP
Quasselstrippe


Beiträge: 269


Die Lösung liegt eigentlich auf der Hand: float: left; und float: right; Alternativ könntest die Elemente absolut positionieren.

---
Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

  Profil   Editieren   Zitieren

n0f3aR
Mausakrobat


Beiträge: 155


Hey! Suuuuper, das klappt echt wunderbar

Vielen vielen dank

---
Kostenlos Webspace bei funpic.de

  Profil   E-Mail   Editieren   Zitieren
 

Antworten
Nach oben