Zeilenumbruch bei <img>

html.de-Forum HTML, XHTML & CSS
1

Guten morgen zusammen.
Mein Problem ist, dass ich ein horizontales Menü gebaut habe. Dies besteht aus den einzelnen Menüpunkten und jeder Menüpunkt besteht naatürlich aus einem Text wie z.b. „Startseite“ und ein kleines dazu gehöriges Bild für jeden Menüpunkt.
Klaappt wunderbar, aber bei einem aautomaatischen Zeilenumbruch(wenn ich z.b. das Brwoserfenster horizontal verkleinere), wird nur der Text des Menüpunktes in die 2. Zeile verschoben. Das Bild des dazu gehörigen Menüpunktes bleibt aaber noch in derersten Zeile.
Wie bekomm ich hin, dass Text + dazu gehöriges Bild des Menüpunktes immer zusammen umgebrochen werden? gibs da ne Möglichkeit?

Gruß

2

Der vernüftigste Weg wäre es, das Bild in den CSS Code zu packen. Der einfachste, ein nicht umbrechendes Leerzeichen.

3

vielen Daank für die schnelle Antwort…
Wie bekomm ich das hin? hast du vllt ein Codebbsp. für mich?

4

bzw. gibt es eine Möglichkeit dieses nicht umbrechende Leerzeichen(&nbsp) mit Hilfe von PHP-Code zu realisieren?

5

Das CSS wäre einfach:

Wenn die Grafik 50px breit ist und links angezeigt werden soll:

#start {
padding-left:50px;
background:url(start.gif) left center no-repeat;
}

Deine zweite Frage verstehe ich nicht, was hat PHP damit zu tun?

6

PHP hat damit gar nichts zu tun. PHP erzeugt nur eine HTML-Seite.

Es gibt noch die CSS-Eigenschaft „white-space:nowrap“.