[Pinky]

Hallo,
kann man bei dem Seiteninhalttyp "Bilder" den Bildtext anders positionieren ? Man kann zwar unter "Justierung" Rechts , Links und Mitte auswählen, doch wird der Text nur unter dem Bild justiert. Kann man den Text so positionieren wie auf dem angehängten Bild zu sehen ist ?

[mstuebner]

Zitat von Pinky

Hallo,
kann man bei dem Seiteninhalttyp "Bilder" den Bildtext anders positionieren ? Man kann zwar unter "Justierung" Rechts , Links und Mitte auswählen, doch wird der Text nur unter dem Bild justiert. Kann man den Text so positionieren wie auf dem angehängten Bild zu sehen ist ?

GENAU so wohl nur schwer, da die Titel, bedingt durch ein Tabellenlayout untereinander stehen.

Dass die Titel rechts stehe dagegen schon, dazu gibst Du dem Bild ein float:left, dem Titel ein float:right und anschliessend ein leeres div mit clear:both (da "gewisse" Browser ein :after nicht kapieren).

[Pinky]

Sorry, deinen Beitrag hab ich zwar verstanden , nur hab ich leider keinen Plan , wo ich die float-Parameter angeben soll. Hab zwar schon im Object Browser nach den entsprechenden DIVs gesucht , aber nix gefunden.

Gruß
Michi

[Pinky]

Wäre echt nett , wenn du mir das etwas genauer erklären könntest.
Bin noch nicht allzu vertraut mit Typo3

Danke
Michi

[mstuebner]

Zitat von Pinky

Wäre echt nett , wenn du mir das etwas genauer erklären könntest.
Bin noch nicht allzu vertraut mit Typo3

Das hat auch ganz wenig mit TYPO3, sondern eher mit CSS zu tun. Schau Dir die Klassen an die bei "Pictures only" für Bild und Titel vergeben wird und erweitere die Klassen um die entsprechenden CSS Anweisungen.

Mehr kann man Dir, ohne die genaue Kenntnis Deiner Installation und des generierten Outputs nicht schreiben.

[Pinky]

Hab jetzt wie du es gesagt hast , die "floats" in das CSS-File eingetragen.
Leider hat sich nix getan....

Hier der HTML-Output:

 <div id="container"><!--###container### begin --> <div id="header"><!--###header### begin --> <table cellpadding="0" cellspacing="0"> <tr> <td rowspan="2" width="154"><img src="fileadmin/wohnsturm/images/logo.jpg" alt="logo.jpg" width="154" height="180"></td> <td height="97" bgcolor="#170da1" width="100%">&nbsp;</td> </tr> <tr> <td height="83">&nbsp;</td> </tr> </table> <!--###header### end --></div><!--/header--> <div id="menu"><ul id="list"><b><li> <a href="index.php?id=14" onfocus="blurLink(this);">Startseite</a> </li></b><b><li> <a href="index.php?id=9" onfocus="blurLink(this);">Innenausbau</a> </li></b><b><li> <a href="index.php?id=8" onfocus="blurLink(this);">Möbel</a> </li></b><b><li> <a href="index.php?id=7" onfocus="blurLink(this);">Bau</a> </li></b><ul id="list_2"><li> <a href="index.php?id=31" onfocus="blurLink(this);">Renovierung</a> </li><li> <a href="index.php?id=30" onfocus="blurLink(this);">Treppen</a> </li><li> <a href="index.php?id=26" onfocus="blurLink(this);">Fenster</a> </li></ul></li><b><li> <a href="index.php?id=6" onfocus="blurLink(this);">Öffentliche Gebäude</a> </li></b><b><li> <a href="index.php?id=5" onfocus="blurLink(this);">Gewerbe</a> </li></b><b><li> <a href="index.php?id=4" onfocus="blurLink(this);">Dienstleistungen</a> </li></b><b><li> <a href="index.php?id=3" onfocus="blurLink(this);">Unternehmen</a> </li></b><b><li> <a href="index.php?id=2" onfocus="blurLink(this);">Partner</a> </li></b><b><li> <a href="index.php?id=10" onfocus="blurLink(this);">Impressum</a> </li></b><b><li> <a href="index.php?id=12" onfocus="blurLink(this);">Kontakt</a> </li></b></ul></div><!--/menu--> <div id="content"> <!--  CONTENT ELEMENT, uid:24/image [begin] --> <a id="c24"></a> <!--  Header: [begin] --> <div class="csc-header csc-header-n1"><p class="title">Renovierung</p></div> <!--  Header: [end] --> <!--  Image block: [begin] --> <div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap" style="width:300px;"><div class="csc-textpic-imagerow" style="width:300px;"><dl class="csc-textpic-image csc-textpic-firstcol" style="width:145px;"><dt><a href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fkirche1.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=869281bd299fd70ddb619474491d96ed" onclick="openPic('index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fkirche1.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=869281bd299fd70ddb619474491d96ed','thePicture','width=800,height=600,status=0,menubar=0'); return false;" target="thePicture"><img src="typo3temp/pics/e0f1198af1.jpg" width="145" height="109" border="0" alt="" /></a></dt><dd class="csc-textpic-caption">Renovierung Kirche Aschheim</dd></dl><dl class="csc-textpic-image csc-textpic-lastcol" style="width:145px;"><dt><a href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fkirche2.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=195f6778f7691549b25fc148e32f5e2e" onclick="openPic('index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fkirche2.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=195f6778f7691549b25fc148e32f5e2e','thePicture','width=800,height=600,status=0,menubar=0'); return false;" target="thePicture"><img src="typo3temp/pics/29992aba11.jpg" width="145" height="109" border="0" alt="" /></a></dt><dd class="csc-textpic-caption"></dd></dl></div><div class="csc-textpic-imagerow" style="width:300px;"><dl class="csc-textpic-image csc-textpic-firstcol" style="width:145px;"><dt><a href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fkirche3.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=b4eea6e055caccffec6c3055e5e4e2cb" onclick="openPic('index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fkirche3.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=b4eea6e055caccffec6c3055e5e4e2cb','thePicture','width=800,height=600,status=0,menubar=0'); return false;" target="thePicture"><img src="typo3temp/pics/cbf2c98996.jpg" width="145" height="109" border="0" alt="" /></a></dt><dd class="csc-textpic-caption"></dd></dl><dl class="csc-textpic-image csc-textpic-lastcol" style="width:145px;"><dt><a href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fkirche4.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=afb6f8ca7eca87156b3a93e1b43b3acf" onclick="openPic('index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fkirche4.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=afb6f8ca7eca87156b3a93e1b43b3acf','thePicture','width=800,height=600,status=0,menubar=0'); return false;" target="thePicture"><img src="typo3temp/pics/211d32779f.jpg" width="145" height="109" border="0" alt="" /></a></dt><dd class="csc-textpic-caption"></dd></dl></div></div><div style="margin-left:300px;"></div></div><div class="csc-textpic-clear"><!-- --></div> <!--  Image block: [end] --> <!--  CONTENT ELEMENT, uid:24/image [end] --> </div> <!--###container### end --></div> <!-- /container -->

CSS:

	.csc-textpic-imagewrap {
	float: left;
	}
	.csc-textpic-caption {
	float: right;
	}