Zeilenumbruch bei Bildtext

Hallo,

ich möchte den Bildtext automatisch unter den Bildern umbrechen lassen, wenn er länger als die Bildbreite (350px) ist.
Ich weiß, es gab schonmal ein solches Thema - #411681
- sollte aber doch auch mit CSS gehen...

Ich verwende ein CSS-Template und im Quelltetxt steht die Klasse "news-single-imgcaption". Hier kann ich die Schriftgröße, die Farbe etc. problemlos ändern.
Aber die Breite des Textfeldes lässt sich mit

.news-single-imgcaption {
  width: 350 px;
}

nicht beeinflussen !?? :x

Wie könnte das funktionieren ?

Roland

gibts wo nen link, hab gerade kein interesse mir tt_news aufzusetzen 😉

georg

jupp link wär gut, wenn das Leerzeichen hinter
der 350 ein Tipfehler ist.

lg
Honk

Hallo,

ich hab schon was rausgenommen - sieht immer noch wüst aus. Im Quelltext steht:

<div class="news-single-item">
	<h2>Teller-Aktion: "Europa gelingt gemeinsam"</h2>
	<p><span class="news-list-date">15. 06. 2007</span><br /></p>

	<div class="news-single-img"><a href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2F0706teller_01.jpg&amp;width=800m&amp;height=500&amp;bodyTag=.......','width=667,height=512,status=0,menubar=0'); return false;" target="thePicture"><img src="typo3temp/pics/2b1f197cca.jpg" width="350" height="263" border="0" alt="" title="" /></a><p class="news-single-imgcaption"><a href="typo3temp/pics/384a208829.jpg" target="FEopenLink" onclick="vHWin=window.open('typo3temp/pics/384a208829.jpg','FEopenLink','width=620,height=470');vHWin.focus();return false;"><img src="fileadmin/templates/img/lupe.gif" width="12" height="12" border="0" alt="" title="" /></a>&nbsp;W. Henseler, K. Kinkel, K. Breil, R. Hieronymi, Ch. Becker</p></div>
		<h4>Prominente bemalten für die Europaschule Teller mit Gedanken zu Europa. </h4>
<p class="bodytext">Man nehme einen weißen Keramikteller..... </p>
...
</div>

Es geht um den Bildtitel "W. Henseler, K. Kinkel, K. Breil, R. Hieronymi, Ch. Becker" mit der Klasse "news-single-imgcaption".

.news-single-imgcaption {
  width: 350 px;
}

oder

p.news-single-imgcaption {
  width: 350 px;
}

zeigen keine Wirkung

Roland

@roger
http://de.selfhtml.org/html/referenz/attribute.htm#p

@just2b
der link ist scheinbar: http://www.europaschule-bornheim.de/eu/beitrag.1.html?&tx_ttnews[year]=2007&tx_ttnews[month]=06&tx_ttnews[tt_news]=185&tx_ttnews[backPid]=15&cHash=1032a7e294

@roger
probier mal das ganze div, also

.news-single-img{width: 350px;}

lg
Honk

Asche über mein Haupt !
Es lag natürlich am Leerzeichen. Ich hab durch ständiges Kopieren den Fehler immer wiederholt - und nichts bemerkt :o :o :o #angry#

Roland