Dateilinks formatieren / pdf-Anzeige falsch

  • Dinchen21 Dinchen21
    Padawan
    0 x
    46 Beiträge
    0 Hilfreiche Beiträge
    21. 09. 2007, 21:06

    Hallo zusammen,

    ich würde gerne meine Dateilinks (csc-uploads-fileName) und die dazugehörigen Icons (csc-uploads-icon) davor neu ausrichten. Kann mir jemand sagen wie ich diese korrekt per CSS ansprechen muss? Meine Versuche waren bisher erfolglos :-(

    [HTML]<!-- File list: [begin]-->

    <ul class="csc-uploads csc-uploads-1">
    <li class="tr-even">
    <div class="csc-uploads-icon">
    <a href="...test_01.doc">
    <img .../doc.gif"/></a>
    </div>
    <div class="csc-uploads-fileName">
    <p><a href="...test_01.doc">test.doc</a></p>
    </div>
    ...

    [/HTML]

    Ich habe noch eine Frage:
    Wenn ich eine pdf zum Download zur Verfügung stelle,
    wird neben dem normalen Icon und dem dazugehörigen Link
    ein weiterer Link "HTML Version" darunter angezeigt.
    Dies ist nur bei pdf der Fall.

    Wie kann ich dies beheben sodass nur der Link mit Icon erscheint?

    Vielen Dank!
    Gruß Dinchen


  • 1
  • Hille Hille
    Jedi-Ratsmitglied
    0 x
    605 Beiträge
    0 Hilfreiche Beiträge
    22. 09. 2007, 11:58

    Moin...
    habe gestern gerade ein Tutorial dazu erstellt:
    Hier zu finden:
    [url]http://hdh-soft.de/cms/index.php?id=97[/url]

    Damit hast Du dann auch Word- und Excel-Icons parat.
    :D
    Gruß
    Hille

  • Dinchen21 Dinchen21
    Padawan
    0 x
    46 Beiträge
    0 Hilfreiche Beiträge
    24. 09. 2007, 20:25

    Die Formatierung habe ich nun hinbekommen.
    Habe dazu das CSS neu definiert.("ogvit_html_alt_for_pdf" in der Suche eingeben und man hat eine Anleitung)

    Das einzige was nun noch fehlt ist:
    Ich bekomme diesen Link "HTML Version" nicht weg :'(

    Hab schon alles versucht... wenn ich in der CSS:
    UL.csc-uploads DIV.csc-uploads-fileName P.csc-uploads-pdfAltLink A { visibility:hidden; ...}

    ergänze wird der Link unsichtbar, ist aber trotzdem noch da.
    Dieser erscheint nur wenn ich eine pdf-Datei habe.

    Im Constant Editor habe ich auch noch keine Möglichkeit gefunden, dass der Link "HTML Version" nicht angezeigt wird :(

    Kann ich das vielleicht per Typoscript entfernen und mit "styles.content.uploads.linkText" ansprechen?

    Hoffe mir kann da jemand weiterhelfen.
    Vielen Dank!

    Gruß Dinchen

  • velvet velvet
    R2-D2
    0 x
    80 Beiträge
    0 Hilfreiche Beiträge
    02. 10. 2007, 12:44

    @HILLE:

    Danke für das Tutorial, hat mich einen Schritt weitergebracht. Leider bin ich bei der Klammersetzung in Deinem Tut nicht ganz hinterhergekommen. Hab es aber letztendlich doch hinbekommen.

    Hier mein TSconfig nochmal für alle ;-)

    [TS]# Konfiguration des RTE

    RTE.classesAnchor {
    internalLink {
    class = internal-link
    type = page
    image >
    }

    internalLinkInNewWindow {
    class = internal-link-new-window
    type = page
    image >
    }

    externalLink {
    class = external-link
    type = url
    image >
    }

    externalLinkInNewWindow {
    class = external-link-new-window
    type = url
    image >
    }

    download {
    class = download
    type = file
    image >
    }

    downloadPDF{
    class = download_pdf
    type = file
    image >
    }

    downloadDOC{
    class = download_doc
    type = file
    image >

    }

    downloadXLS{
    class = download_xls
    type = file
    image >

    }

    mail {
    class = mail
    type = mail
    image >
    }

    }

    RTE.default {

    proc.allowedClasses (
    internal-link, internal-link-new-window, external-link, external-link-new-window, download, download_pdf, download_xls, download_doc, mail
    )

    classesAnchor = internal-link, internal-link-new-window, external-link, external-link-new-window, download, download_pdf, download_xls, download_doc, mail

    classesAnchor.default {
    page = internal-link, internal-link-new-window
    url = external-link, external-link-new-window
    file = download, download_pdf, download_xls, download_doc
    mail = mail
    }

    }[/TS]

    und hier noch das passende CSS dazu:

    [TS]/*RTE.classesAnchor*/

    #inhalt a.internal-link, #inhalt a.internal-link-new-window {
    padding: 0 0 0 13px;
    background: url(../images/icon-internerlink.gif) 0em 0.3em no-repeat ;
    /* bild url, horizontaler Abstand von links, vertikaler Abstand von oben, nicht wiederholen */
    }
    #inhalt a.external-link, #inhalt a.external-link-new-window {
    padding: 0 0 0 13px;
    background: url(../images/icon-externerlink.gif) 0em 0.3em no-repeat ;
    }

    #inhalt a.download_pdf {
    padding-left: 20px;
    background: url(../images/icon-pdf.gif) no-repeat center left;
    }

    #inhalt a.download_doc {
    padding-left: 20px;
    background: url(../images/icon-doc.gif) no-repeat center left;
    }

    #inhalt a.download_xls {
    padding-left: 20px;
    background: url(../images/icon-xls.gif) no-repeat center left;
    }

    #inhalt a.mail {
    padding-left: 15px;
    background: url(../images/icon-mailto.gif) no-repeat center left;
    }[/TS]

    Viele Grüße
    Nicole

  • 1