Anzeige

Zeilenumbruch verhindern

Zeilenumbruch verhindern | PSD-Tutorials.de

Erstellt von nickido, 26.09.2008.

  1. nickido

    nickido Nicht mehr ganz neu hier

    Dabei seit:
    21.03.2008
    Beiträge:
    108
    Geschlecht:
    weiblich
    Ort:
    Süddeutschland
    Software:
    dies und das
    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
     
    #1      
  2. Guin

    Guin Nicht mehr ganz neu hier

    Dabei seit:
    18.04.2008
    Beiträge:
    186
    Geschlecht:
    männlich
    Ort:
    Lübeck
    Zeilenumbruch verhindern
    AW: Zeilenumbruch verhindern

    Moin.
    Der Umbruch liegt daran, dass h1(,h2,..) ein Blockelement ist und somit automatisch ein Umbruch erfolgt. Mit diplay:inline macht man ein Inlinelement dadrauß.
    Das umschliessende div kannst du eventuell auch weglassen... ich weiss ja nicht, wie das genau aussehen soll.
    HTML:
    1. <div style="width:500px">
    2.   <h1 style="display:inline">
    3.     <u>MUSIK</u>
    4.   </h1>
    5.   <img src="bild.jpg" />
    6. </div>
     
    #2      
  3. nickido

    nickido Nicht mehr ganz neu hier

    Dabei seit:
    21.03.2008
    Beiträge:
    108
    Geschlecht:
    weiblich
    Ort:
    Süddeutschland
    Software:
    dies und das
    Zeilenumbruch verhindern
    AW: Zeilenumbruch verhindern

    wunderbar, vielen dank und schönen abend
     
    #3      
  4. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Zeilenumbruch verhindern
    AW: Zeilenumbruch verhindern

    Geht auch einfacher:
    HTML:
    1.  
    2. <h1 style="text-decoration:underline">Text<img src="adresse"></h1>
    3.  
     
    #4      
x
×
×
teststefan