Text rechtsbündig ohne Absatz

[_Ludvik_]

Bitte lacht mich nicht aus.. bin wohl noch nicht ganz wach und steh gerade auf dem Schlauch:

Wie kann ich einen Text rechtsbündig ausrichten ohne einen Absatz danach zu erstellen? Das nächste Element sollte direkt am Text anschliessen.

HTML oder CSS..egal..

 

[tomz4874]

AW: Text rechtsbündig ohne Absatz

Ich verstehe die Frage leider nicht so richtig

Meinst du das vllt so:
Text der rechtsbündig ist, darunter soll ein Element (Bild), ohne das eine Leerzeile dazwischen ist?

 

[_Ludvik_]

AW: Text rechtsbündig ohne Absatz

genau so!

 

[Herr_D]

AW: Text rechtsbündig ohne Absatz

Wo soll das Element den anschließen, wenn der Text schon rechtssteht? ..auf dem 2. Bildschirm oder was?


ansonsten mittels float und 2 div

beispiel:

css

<style type="text/css">
<!--
#linke_seite {

        float:left;
        width:70%;
        height:auto; /* oder anpassen */
        text-align:right;

}

#rechte_seite {

        height:auto;
        border-left: 1px solid #dedede;

}
-->

#volle_breite {

        clear:both;

}
</style>

<div id="linke_seite">Hier steht nach rechts ausgerichteter Text</div>
<div id="rechte_seite">Hier geht der Text einfach so weiter... </div>
<div id="volle_breite"></div>

Edit

Ich verstehe die Frage leider nicht so richtig

Meinst du das vllt so:
Text der rechtsbündig ist, darunter soll ein Element (Bild), ohne das eine Leerzeile dazwischen ist?

ok... das geht natürlich durch ein simples <br>

<div style="text-align:right; line-height:0;">Hier steht nach rechts ausgerichteter Text<br><img src="bildadresse" alt="bild"></div>

 

[tomz4874]

AW: Text rechtsbündig ohne Absatz

Ahhhhh... Manchmal steh ich halt auch auf dem Schlauch^^

Also ist eigentlich total easy wenn man den Code sieht:

<p>Hier kommt dein Text hin!</p>
<p><img src="URL" alt="TEXT" /></p>

Aber was ich vermute, welches Problem du hast ist, das ja Standardeinstellung einen bestimmten Absatzabstand hat. Ich umgehe dieses immer mit folgendem CSS:

<style type="text/css">
  p {
     margin-bottom:0;
     margin-top:0;
     }
</style>

Hoffe dir weiter geholfen zu haben

 

[_Ludvik_]

AW: Text rechtsbündig ohne Absatz

Wo soll das Element den anschließen, wenn der Text schon rechtssteht? ..auf dem 2. Bildschirm oder was?

Haha sehr schön. :lol:

 

[Herr_D]

AW: Text rechtsbündig ohne Absatz

wenn du p einbaust, erzeugt das auch bei margin und padding 0 einen absatz dann lieber div oder siehe meine Lösung einen Beitrag höher

ok... das geht natürlich durch ein simples <br>

<div style="text-align:right; line-height:0;">Hier steht nach rechts ausgerichteter Text<br><img src="bildadresse" alt="bild"></div>

 

[tomz4874]

AW: Text rechtsbündig ohne Absatz

wenn du p einbaust, erzeugt das auch bei margin und padding 0 einen absatz dann lieber div oder siehe meine Lösung einen Beitrag höher

Einen Absatz erzeugt dies schon, da hast du Recht, Aber es ist kein Absatzabstand da, den _Ludvik_ nicht haben wollte.

 

[Herr_D]

AW: Text rechtsbündig ohne Absatz

Oke... ich denk schon wieder zu kompliziert

 

[_Ludvik_]

AW: Text rechtsbündig ohne Absatz

Ahhhhh... Manchmal steh ich halt auch auf dem Schlauch^^

Also ist eigentlich total easy wenn man den Code sieht:

<p>Hier kommt dein Text hin!</p>
<p><img src="URL" alt="TEXT" /></p>

Aber was ich vermute, welches Problem du hast ist, das ja Standardeinstellung einen bestimmten Absatzabstand hat. Ich umgehe dieses immer mit folgendem CSS:

<style type="text/css">
  p {
     margin-bottom:0;
     margin-top:0;
     }
</style>

Hoffe dir weiter geholfen zu haben

Diese Lösung scheint ganz brauchbar zu sein. Aber es werden nun wohl alle <p>-Elemente im ganzen Dokument verändert oder? Kann ich das nur auf EINE ZEILE anwenden?


Herr_D: Die Lösung mit Div klappt so auch. Allerdings darf sich in meinem Fall das nachfolgende Bild nich im gleichen DIV befinden..

 

[tomz4874]

AW: Text rechtsbündig ohne Absatz

Also mit dem CSS formatierst du alle p-Tags, du brauchst kein class oder id hinzufügen!!!

Du kannst es natürlich auch so machen:

<p>DEIN TEXT</br><img src="URL" alt="TEXT" /></p>

Das </br> macht automatisch einen Zeilenumbruch, du machst also indem Sinne ein Enter^^ Aber es steht weiterhin in derselben Zeile, obwohl das Bild darunter ist.

 

[_Ludvik_]

AW: Text rechtsbündig ohne Absatz

Ich habe nun die p-tags neu verschachtelt, nun funktionierts. Vielen Dank für eure Hilfe