Antworten auf deine Fragen:
Neues Thema erstellen

Text rechtsbündig ohne Absatz

_Ludvik_

und die Antilopen

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

Nicht mehr ganz neu hier

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?
 

Herr_D

offline

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
Code:
<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>

HTML:
<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>

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

tomz4874

Nicht mehr ganz neu hier

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:

HTML:
<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:
HTML:
<style type="text/css">
  p {
     margin-bottom:0;
     margin-top:0;
     }
</style>

Hoffe dir weiter geholfen zu haben :)
 

Herr_D

offline

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>

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

tomz4874

Nicht mehr ganz neu hier

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.
 

_Ludvik_

und die Antilopen

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:

HTML:
<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:
HTML:
<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

Nicht mehr ganz neu hier

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:
HTML:
<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_

und die Antilopen

AW: Text rechtsbündig ohne Absatz

Ich habe nun die p-tags neu verschachtelt, nun funktionierts. Vielen Dank für eure Hilfe :)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben