Hi,
hab ein Problem und zwar wenn ich Bilder einfühge haben diese unten immer ein kleinen Abstand.
Wie bekomme ich diesen weg?
Bild: elite-zocker.de/typo-bilder.jpg
Die drei kleinen Bilder sollen genau im Anschluss vom grossen sein ohne weißen Leerraum.
System ist typo3 v4
und du nimmst css-styled-content? geraten weil is ja nicht fix.
dann schau doch mal in den quellcode was da für ne klasse rundherum ist und änder das einfach ab
georg
ja benutze css-styled-content und die default css die dazu gehören das scheint irgendwie ein bug von typo3 zu sein weil es bei allen bidern so ist oder?
Hat jemand den css parat der das fixed?
nun abstand muss nicht gleich ein bug sein!
poste doch mal nen link, will nicht jetz sowas irgendwo nachbauen 😉
georg
weil es sich um Bilder ahndelt
kommt mir wieder img dispaly in den sinn
versuch mal in das css folgendes reinzupacken:
tr img {diplay: block;}
td img {diplay: block;}
.
.
für alle tags die um dein bild so drum sind
LG
Honk
Honk88 schriebweil es sich um Bilder ahndelt
falsch, kann auch um ein padding des umgebenenden divs handeln usw....
auch nützen tr/td wenig wenns um css_styled_content handelt...
georg
ok sry hatte so ein problem wie oben
beschrieben und habs so gelöst bekommen
aber dann halt ich halt die fresse
Ausserdem sind die Bilder seit Typo3 v4 nicht mehr in Tabellen.
PS hier den code und link:
http://www.dural.virtual-trends.de/montage.html
<!-- CONTENT ELEMENT, uid:11/textpic [begin] -->
<a id="c11"></a>
<!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:300px;"><dt><img src="uploads/pics/montage1.jpg" width="300" height="300" alt="" /></dt><dd class="csc-textpic-caption"></dd></dl></div><div style="margin-left:300px;"><div class="csc-textpic-text">
<!-- Text: [begin] -->
<h1 class="align-center">Die Summe bester Eigenschaften:</h1>
<h2 class="align-center">Verblüffend einfacher Einbau.</h2>
<!-- Text: [end] -->
</div></div></div><div class="csc-textpic-clear"><!-- --></div>
<!-- Image block: [end] -->
<!-- CONTENT ELEMENT, uid:11/textpic [end] -->
<!-- CONTENT ELEMENT, uid:56/image [begin] -->
<a id="c56"></a>
<!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap"><div class="csc-textpic-imagecolumn" style="width:685px;"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:80px;"><dt><a href="montage/montage1.html"><img src="typo3temp/pics/3d7758a11d.jpg" width="80" height="80" alt="" /></a></dt><dd class="csc-textpic-caption"></dd></dl><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:80px;"><dt><a href="montage.html"><img src="typo3temp/pics/c86dd2952e.jpg" width="80" height="80" alt="" /></a></dt><dd class="csc-textpic-caption"></dd></dl><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:80px;"><dt><a href="montage.html"><img src="typo3temp/pics/7cd7ebc686.jpg" width="80" height="80" alt="" /></a></dt><dd class="csc-textpic-caption"></dd></dl></div></div><div style="margin-left:80px;"></div></div><div class="csc-textpic-clear"><!-- --></div>
<!-- Image block: [end] -->
<!-- CONTENT ELEMENT, uid:56/image [end] -->
CSS ist das default css von typo3.
1 Link am anfang und du hättest das gleich bekommen:
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
zB am ende des default.css einfügen
georg
ps: kann natürlich sonst auch noch wo konsequenzen haben (bei anderen bildern)
danke das war es... #angry#