Elemente zusammenhalten

[Stefan Meile]

Hallo zusammen

Bei allen links setze ich ein kleines Bild davor. Nun kann ich irgendwie erreichen, dass es zwischen dem Bild und dem Link nie einen Zeilenumbruch gibt? (es sollte das bild einfach auf die nächste zeile nehmen. Beispiel sieht man hier:

http://p24542.typo3server.info/proffix.html

Ein Link sieht vereinfacht so aus:

<a href="auftragsbearbeitung.html" class="internal-link">
<img src="internal_link.gif" />Auftragsverwaltung
</a>

Grüsse stefan

[wahsaga]

hi,

Bei allen links setze ich ein kleines Bild davor. Nun kann ich irgendwie erreichen, dass es zwischen dem Bild und dem Link nie einen Zeilenumbruch gibt?

white-space

gruß,
wahsaga

[chistopher]

Hallo,

also ich weiss nicht ob ich Dich richig verstanden habe, aber ich versuche es mal:

wenn du keinen Zeilenumrich haben willst:

<nobr><a href="auftragsbearbeitung.html" class="internal-link">
<img src="internal_link.gif" />Auftragsverwaltung
</a></nobr>

wenn Du einen haben willst:

<a href="auftragsbearbeitung.html" class="internal-link"><br>
<img src="internal_link.gif" />Auftragsverwaltung
</a>

hoffe ich habe geholfen

Grüße
http://www.rechtsrat-jetzt.de Rechtsrat von Anwalt

Hallo zusammen

Bei allen links setze ich ein kleines Bild davor. Nun kann ich irgendwie erreichen, dass es zwischen dem Bild und dem Link nie einen Zeilenumbruch gibt? (es sollte das bild einfach auf die nächste zeile nehmen. Beispiel sieht man hier:

http://p24542.typo3server.info/proffix.html

Ein Link sieht vereinfacht so aus:

<a href="auftragsbearbeitung.html" class="internal-link">
<img src="internal_link.gif" />Auftragsverwaltung
</a>

Grüsse stefan

[Stefan Meile]

Das wird aber dazu führen, dass es eine scrollbalken unten gibt oder?  Ich hätte lieber, dass einfach das Bild und der Text auf der nächsten Zeile ist.

Hallo,

also ich weiss nicht ob ich Dich richig verstanden habe, aber ich versuche es mal:

wenn du keinen Zeilenumrich haben willst:

<nobr><a href="auftragsbearbeitung.html" class="internal-link">
<img src="internal_link.gif" />Auftragsverwaltung
</a></nobr>

wenn Du einen haben willst:

<a href="auftragsbearbeitung.html" class="internal-link"><br>
<img src="internal_link.gif" />Auftragsverwaltung
</a>

hoffe ich habe geholfen

Grüße
http://www.rechtsrat-jetzt.de Rechtsrat von Anwalt

Hallo zusammen

Bei allen links setze ich ein kleines Bild davor. Nun kann ich irgendwie erreichen, dass es zwischen dem Bild und dem Link nie einen Zeilenumbruch gibt? (es sollte das bild einfach auf die nächste zeile nehmen. Beispiel sieht man hier:

http://p24542.typo3server.info/proffix.html

Ein Link sieht vereinfacht so aus:

<a href="auftragsbearbeitung.html" class="internal-link">
<img src="internal_link.gif" />Auftragsverwaltung
</a>

Grüsse stefan

[wahsaga]

hi,

Das wird aber dazu führen, dass es eine scrollbalken unten gibt oder?  Ich hätte lieber, dass einfach das Bild und der Text auf der nächsten Zeile ist.

Wenn der komplette Elementinhalt nicht umgebrochen werden darf, dann würde das Element in die nächste Zeile rutschen, wenn es in der aktuellen nicht mehr komplett dargestellt werden kann.
Erst wenn es so breit ist, dass es nicht umgebrochen gar nicht mehr in eine Zeile passt, dann würde es ggf. darüber hinauslaufen o.ä. (abhängig vom Wert für overflow).

Die genannte CSS-Variante ist m.E. vorzuziehen (wenn auf Korrektheit dieses rein optischen Effektes in IE < 5.5 verzichtet werden kann), <nobr> ist eine Microsoft-Erfindung.

gruß,
wahsaga