Zeilenumbruch verhindern

  • Hi,
    ich bin ziemlicher Anfänger und langsam am verzweifeln. Ich hab schon Selfhtml und Google durch, bin aber noch nicht zum Ergebnis gekommen.

    Mein Problem ist, dass ich einen Text und dahinter ein Bild habe, das Bild aber einen Umbruch macht, den gerne verhindern würde:

    <u><h1>MUSIK</h1></u><img src="bild.jpg" />

    ich habe es schon mit <table>, etc. versucht...vielleicht könnt ihr mir ja helfen.

    vielen Dank schon einmal

  • das hab ich auch schon gedacht, aber es ist ungefähr 100px groß und die Fläche in die es rein kommen soll ca. 650px, also kann das nicht sein.

    Was nimmt man denn normalerweise für eine Codierung??

  • ähm... dürfte man auch die lösung erfahren ?
    der link geht ja nicht mehr.. damit auch zukünftige besucher was davon haben


    btw. wars evtl padding und margin auf 0 setzen ?

  • Ich habe die Lösung nicht gesehen. Aber eine Überschrift ist ein Blockelement. Das bedeutet nicht nur, dass

    HTML
    <u><h1>Überschrift</h1></u>

    ein Fehler ist, denn man kann die Überschrift ja nicht unterstreichen. Man kann nur den Text unterstreichen, der in der Überschrift steht. Dazu müsste man aber

    HTML
    <h1><u>Überschrift</u></h1>

    schreiben. Es bedeutet auch, dass die Überschrift einen Block bildet. Sie beginnt also immer in einer neuen Zeile und endet mit einem Zeilenumbruch. Es gibt mehrere Möglichkeiten, das zu verhindern. Man kann z.B. dafür sorgen, dass die Überschrift wie Inlineelement dargestellt wird. Das geht mit

    HTML
    <h1 style="display:inline;"><u>Überschrift</u></h1>

    Natürlich wäre es sinnvoller, auch die Unterstreichung ins style-Attribut zu übernehmen. Noch sinnvoller wäre es, eine Klasse für diese Überschrift an zu legen und in einem externen Stylesheet die Regeln fest zu legen, damit diese Überschrift inline und unterstrichen dargestellt wird. und noch besser wäre es, die Überschrift nicht zu unterstreichen, denn das ist normalerweise eine Kennzeichnung für einen Link.

  • Moin,

    eine <hx> ist ein Blockelement und macht immer einen Absatz.
    Wenn das Bild im Quelltext nach der <hx> notiert ist landet es zwangsläufig in der nächsten Zeile, egal wieviel Platz da ist.

    Man hat sich unausgesprochen darauf geeinigt, daß Unterstreichungen Links vorbehalten sind und sie sollten sonst nicht angewandt werden, weil es den User verwirrt.
    Unterstreichungen werden außerdem über text-decoration per CSS definiert.

    Wenn das Bild wie du es beschrieben hast hinter den Text kommen soll, sollte es unbedingt per background eingebunden werden.

    Es in diesem Falle per <img>-Tag einzubinden verkompliziert die Sache unverhältnismäßig und ist deshalb Unfug. ;)

    koslowski