Suche
Teilen
startseite » forum

Bilddarstellung in Listansicht

  • zorc68 zorc68
    Jedi-Ritter
    0 x
    140 Beiträge
    0 Hilfreiche Beiträge
    12. 12. 2007, 08:32

    Hallo, ich habe folgendes Problem. Ich möchte in der Listansicht von tt_news gerne drei Bilder nebeneinander mit einem horizontalen Abstand von 5 Pixeln darstellen.
    as mit den drei Bildern habe ich schon geschafft, nur leider sind sie untereinander :-(
    siehe hier:[url]http://p53471.typo3server.info/[/url]
    Außerdem soll die erste Überschrift etwas nach oben, auf Hhe der linken Menüleiste. Mein Marker ###Inhalt### ist im eigendlich so angelegt?
    Woher kann dieser Versatz nach unten kommen?
    Vielen Dank und viele Grüße
    Marc

  • 1
  • zorc68 zorc68
    Jedi-Ritter
    0 x
    140 Beiträge
    0 Hilfreiche Beiträge
    14. 12. 2007, 16:40

    So jetzt bin ich schon etwas weiterer: Ich habe den Marker newsblock in ein div gepackt und das über css angesprochen

    [HTML]div.newsblock img {
    padding-right: 5px;
    float:left;
    }
    [/HTML]
    Jetzt sind die Bilder nebeneinnander und der Abtand ist auch ok. allerdings sind sie jetzt immer etwas nach unten versetzt??? Warum ist das so??
    [url]http://p53471.typo3server.info/index.php?id=11[/url]

    Außerdem habe ich immer noch nicht raus, warum tt_news seinen Inhalt etwas nach unten versetzt. Wie gesagt soll jeglicher Inhalt (siehe bsp. Impressum) oben bündig mit der linken Navigaton sein?
    Kann jemand helfen?
    Danke
    Marc

  • surf surf
    R2-D2
    0 x
    71 Beiträge
    0 Hilfreiche Beiträge
    15. 12. 2007, 12:06

    Hallo Marc,
    wenn man Deinen Quelltext ansieht, dann hast Du auf der Newsseite ein Bild als Abstandshalter eingebunden (logo) dieses schließt mit dem oberen Rahmen der linken Navi ab.

    zu 1. Dann kommt ein weiteres Bild

    img src="typo3temp/GB/03cc69d94a.gif" width="260" height="43"

    das den Abstand bis zur Überschrift der News ausmacht. Nimm das Bild raus und der Content rutscht nach oben.

    zu 2. Nach jedem Bild der in den News hast Du eine </br> eingebaut das setzt Dir das nächste Bild dann eine Zeile tiefer.

    <td valign="top"><br><div class="newsblock"><img src="typo3temp/pics/b19bf701f8.jpg" width="170" height="114" border="0" alt="" title="" /><img src="clear.gif" width="1" height="5" border="0" class="spacer-gif" alt="" title="" /><br />

    Gruß Ralf

  • zorc68 zorc68
    Jedi-Ritter
    0 x
    140 Beiträge
    0 Hilfreiche Beiträge
    15. 12. 2007, 13:03

    Hallo Ralf,
    danke für Deine Antwort.Das zweite Problem habe ich gerade mit Deiner Hilfe gelöst. Ich habe eine Überschrift, die durch den gigbuilder generiert wird. Hier hat ich einfach keinen Text geschrieben und die Einstellung aber weiter auf dieses Header layout eingestellt. So wurde ein transparentes gif ohne Text erzeugt. Es gibt soviele Fehlerquellen ;)
    Bei dem ersten Problem bin ich aber leider nicht weitergekommen. ich habe die <br> gesetzt um einen Abstand zwischen Überschrift, Bild und Text zu bekommen. Die <br> habe ich jetzt herausgenommen und werde das über CSS lösen. Leider ist der Versatz aber immer noch da?
    Gruß Mac

  • zorc68 zorc68
    Jedi-Ritter
    0 x
    140 Beiträge
    0 Hilfreiche Beiträge
    15. 12. 2007, 16:35

    sehe gerade, dass dieser </br> immer noch im quelltext auftaucht. Im tt_news template " pi/news_template.tmpl" ist er weg.

    [HTML]<!-- ###TEMPLATE_LIST### begin
    This is the template for the list of news in the archive or news page or search
    -->
    <table cellpadding="0" cellspacing="0" border="0" width="98%">
    ###NEWS_CATEGORY_ROOTLINE###
    <!-- ###CONTENT### begin
    This is the part of the template substituted with the list of news:
    -->
    <!-- ###NEWS### begin
    Template for a single item
    -->
    <tr bgcolor="###GC1###">
    <td valign="top" colspan="3">
    ###GW1B### <!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--> ###GW1E###
    ###GW2B### ###NEWS_DATE### ###GW2E### </td>
    </tr>
    <tr bgcolor="###GC4###">
    <td valign="top"><div class="newsblock">###NEWS_IMAGE###</div></td>

    </tr>
    <tr bgcolor="###GC4###">
    <td colspan="3" valign="top">
    ###GW1B### ###NEWS_SUBHEADER### ###GW1E###
    ###GW2B###<!--###LINK_ITEM###-->###MORE###<!--###LINK_ITEM###-->###GW2E###
    <br />
    ###GW2B### ###NEWS_AUTHOR### <br /> <img alt="" src="clear.gif" height="1" width="10" />
    <!--###LINK_ITEM###--> <!--###LINK_ITEM###--></td>
    </tr>
    <tr>
    <td valign="top" colspan="3"><img alt="" src="clear.gif" height="5" width="1" /></td>
    </tr>
    <!-- ###NEWS### end-->
    <!-- ###NEWS_1### begin
    Template for an alternative item in single view
    -->
    <tr bgcolor="###GC2###">
    <td valign="top" colspan="3">
    ###GW1B### <!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--> ###GW1E###
    ###GW2B### ###NEWS_DATE### ###GW2E### </td>
    </tr>
    <tr bgcolor="###GC4###">
    <td><div class="newsblock">###NEWS_IMAGE###</div></td>

    </tr>
    <tr bgcolor="###GC4###">
    <td colspan="3" valign="top">
    ###GW1B### ###NEWS_SUBHEADER### ###GW1E###
    ###GW2B###<!--###LINK_ITEM###-->###MORE###<!--###LINK_ITEM###-->###GW2E###
    <br />
    ###GW2B### ###NEWS_AUTHOR### <br /> <img alt="" src="clear.gif" height="1" width="10" />
    <!--###LINK_ITEM###--> <!--###LINK_ITEM###--></td>
    </tr>
    <tr>
    <td valign="top" colspan="3"><img alt="" src="clear.gif" height="5" width="1" /></td>
    </tr>
    <!-- ###NEWS_1### end-->
    <!-- ###CONTENT### end -->
    <tr>
    <td align="center" colspan="3">###GW2B### ###LINK_PREV### ###BROWSE_LINKS### ###LINK_NEXT### ###GW2E###</td>
    </tr>
    </table>

    <!-- ###TEMPLATE_LIST### end -->
    [/HTML]
    Weiß jemand wo der herkommt??

  • zorc68 zorc68
    Jedi-Ritter
    0 x
    140 Beiträge
    0 Hilfreiche Beiträge
    15. 12. 2007, 16:44

    habs hinbekommen
    plugin.tt_news.displayList.image.imageLinkWrap =
    stand auf 1

  • 1
Präsentiert von