#-Zeichen in Typoscript nutzen um CSS ID anzusprechen

  • cored cored
    R2-D2
    0 x
    93 Beiträge
    0 Hilfreiche Beiträge
    24. 05. 2012, 12:48

    Hallo zusammen,
    ich müsste direkt im Typoscript eine CSS ID Ansprechen.
    Dazu muss ich ja ein # Zeichen nutzen, welches in Typoscript aber einen Kommentar ergibt.

    Leider kann ich auch nicht extern auslagern, da ich in das CSS dynamisch per Wrap eine Hintergrundbild einfüge.

    Leider kann ich auch eine CSS class verwenden, da ich per javascript über getElementById zugreifen will.

    Kennt jemad eine Lösung für mein Problem?

    Danke Cored

    1. page.headerData.50 = IMG_RESOURCE
    2. page.headerData.50.stdWrap.wrap (
    3. <style type="text/css">
    4. .topimages{
    5. background:url('|') no-repeat center top;
    6. width:auto;
    7. height:350px;
    8.  
    9. }
    10. </style>
    11. )
    12. page.headerData.50.file = GIFBUILDER


  • 1
  • SomehowLost SomehowLo...
    Jedi-Meister
    0 x
    278 Beiträge
    0 Hilfreiche Beiträge
    24. 05. 2012, 13:28

    Hallo,

    so wie Du es gemacht hast, kannst Du darin auch eine ID ansprechen, also:

    1. page.headerData.50 = IMG_RESOURCE
    2. page.headerData.50.stdWrap.wrap (
    3. <style type="text/css">
    4. .topimages{
    5. background:url('|') no-repeat center top;
    6. width:auto;
    7. height:350px;
    8. }
    9. #Deine_ID {
    10. ... sontwas
    11. }
    12. </style>
    13. )

    Ansonsten gäbe es zusätzlich die Möglichkeit mit CSS_inlineStyle zu arbeiten:

    1. page {
    2. CSS_inlineStyle (
    3. #Deine_ID { ...sontwas; }
    4. )
    5. }

    Viele Grüße

    [url=http://www.andreas-hoffmeyer.de/]Andreas Hoffmeyer - Websites & mehr...[/url]
    [url=http://typo3-4-newbies.blogspot.de/]TYPO3 für Einsteiger: typo3-4-newbies.blogspot.de[/url]

  • 1