Zeilenumbruch verhindern

[Silli]

Hallo
Ich möchte einen Text mit unterschiedlichen Formatierungen ausgeben, ohne dass bei Änderung der Formatierung eine neue Zeile begonnen wird.
Im Beispiel
Normalschrift<div style="font-weight:bold;text-decoration:underline"> formatierter Text</div>wieder Normalschrift
habe ich zwei unerwünschte Zeilenumbrüche.

[Orlando]

Ich möchte einen Text mit unterschiedlichen Formatierungen ausgeben, ohne dass bei Änderung der Formatierung eine neue Zeile begonnen wird.

<div> ist ein http://de.selfhtml.org/html/text/bereiche.htm#block@title=Block-Element, was du mit http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display:inline ändern kannst.

Roland

[Daniel unreg]

Hallo,

<div> ist ein http://de.selfhtml.org/html/text/bereiche.htm#block@title=Block-Element, was du mit http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display:inline ändern kannst.

Besser wäre aber, das inline-Äquivalent zu <div>, nämlich <span>, zu verwenden.

Gruß;

[Silly]

Danke für die rasend schnelle Antwort!

Darf ich noch eine Nachfrage stellen.
Wenn ich den folgenden Text (im Beispiel sagt der Text um welche Formatierung es sich handelt)

roter Text, roter und fetter text, roter Text

ausgeben will, so geht das über

<div ... "color:red">roter Text,</div>
<div color.. font-weight..>roter und fetter text,</div>
<div ... "color:red">roter Text</div>

Geht es auch einfacher, z.B. durch Verschachtelung von div-Angaben?

[steckl]

versuchs mal so:

<div ... "color:red">roter Text,
<div color.. font-weight..>roter und fetter text,</div>
roter Text</div>

Alles was in dem äußerem DIV steht wird dann rot geschrieben.
Jedoch solltest du hier wohl wieder SPAN anstatt DIV verwenden.

mfG,
steckl

[Orlando]

Wenn ich den folgenden Text (im Beispiel sagt der Text um welche Formatierung es sich handelt)

roter Text, roter und fetter text, roter Text

ausgeben will, so geht das über

HTML:

<p class="wichtig">roter Text <strong>roter und fetter Text</strong> roter Text</p>

CSS:

.wichtig {  
  color:red;  
}

Das p-Element ist für Fließtext vorgesehen, das strong-Element definiert wichtigen Text und wird in grafischen Browsern fett dargestellt. Weise dem p-Element die http://de.selfhtml.org/css/formate/zentrale.htm#klassen@title=CSS-Klasse wichtig zu und definiere deren Aussehen in einem http://de.selfhtml.org/css/formate/einbinden.htm@title=Stylesheet.

Roland

[rfb]

Moin

ersetze <div> durch <span>.

Gruß
rfb

[steckl]

Hi,

Ich möchte einen Text mit unterschiedlichen Formatierungen ausgeben, ohne dass bei Änderung der Formatierung eine neue Zeile begonnen wird.
Im Beispiel
Normalschrift<div style="font-weight:bold;text-decoration:underline"> formatierter Text</div>wieder Normalschrift
habe ich zwei unerwünschte Zeilenumbrüche.

Wenn ich dein Problem richtig verstehe musst du das div durch span ersetzen.

mfG,
steckl

[Detlef G.]

Hallo Silli

Normalschrift<div style="[code lang=css]font-weight:bold;text-decoration:underline"> formatierter Text</div>wieder Normalschrift[/code]

Überlege dir nocheinmal, ob du den Text wirklich unterstreichen willst. Es könnte deine Seitenbesucher verwirren, weil auf Internetseiten üblicherweise Links unterstrichen dargestellt werden.

Als erstes solltest du dir überlegen, warum  dein "formatierter Text" anders formatiert sein soll als der Rest. Dabei denke möglichst nur daran, welche Bedeutung er hat, noch nicht, wie er dann aussehen soll.
Soll er betont sein, dann schließe ihn in <em></em> ein, soll er stark betont sein, dann in <strong></strong>. Schau dir Logische Auszeichnungen im Text an, dort findest du verschiedene Elemente, die keinen Zeilenumbruch erzeugen, dem eingeschlossenen Text aber eine besondere Bedeutung geben. Suche dir dort das Element hereaus, dass am besten beschreibt, warum du den Textteil anders formatieren willst. Wenn du dort kein passendes Element findest oder der Textteil nur anders aussehen soll, ohne das er eine besondere Bedeutung hat, dann verwende <span></span>.

Bei jedem der angegebenen Elemente kannst dann du mittels CSS das Aussehen so bestimmen, wie du es gern hättest.

Auf Wiederlesen
Detlef