Zum Inhalt springen

TYPOLIST CSS formatierung

Erstellt am 10. August 2006 · Noch keine Antworten

Tags: Frage

Wanderer ·

Hallo Leute. Brauche Ihre Hilfe.

Ich versuche schon mehrere Tagen TYPOLIST mit eigenen CSS zu formatieren

<body>

seite = PAGE
seite {
	typeNum = 0
        includeCSS {
        file = fileadmin/QMEduard/IGD/Institut/style_nav.css
                    }
	# stylesheet = fileadmin/QMEduard/IGD/Institut/style_nav.css
	meta.AUTHOR = Robert Meyer
	meta.DESCRIPTION = Hier steht eine Beschreibung



10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/qm/template2.html
10.marks {  

  10.file {
  
}

MENUE_LINKS = FILE
MENUE_LINKS.file=fileadmin/qm/menue.html
stylesheet = fileadmin/QMEduard/IGD/Institut/style_nav.css

 LINKS = CONTENT
 LINKS { 
 table = tt_content
 select.orderBy = sorting
 select.where = colPos = 2
 

 
 
       }
 RECHTS = CONTENT
 RECHTS { 
 table = tt_content
 select.orderBy = sorting
 select.where = colPos = 0
     }

}


tt_content.text.default {
        20 = TEXT
        20.field = bodytext
        20.wrap = | <br />
        20.brTag = <br />
        20.parseFunc {
          makelinks = 1
          tags {
            link = TEXT
            link {
              current = 1
              typolink.target={$cLinkTagTarget}
              typolink.stylesheet = fileadmin/qm/style_nav.css
              typolink.ATagParams = class='plink'
              typolink.ATagBeforeWrap = <img src="fileadmin/images/linieg.gif" width="100%" height="1" alt="" /><span class="inhalt2"><b>|</b></span>
              typolink.parameter.data = parameters : allParams

              
            }
          }
        }
      }

aber Typo3 will meine Formatierung gar nicht akzeptieren. Habe schon mehrer Möglichkeiten ausprobiert. Es mus genauso wie auf der Seite von Fraunhofer Institut (http://www.igd.fraunhofer.de/)aussehen. Rote Pfeile müssen gelb werden. wenn man drauf kommt

CSS sieht so aus

.plink {
background-image: url('fileadmin/images/pfeill.gif');
background-repeat: no-repeat;
padding-left: 14
}
.plink:hover {
background-image: url('fileadmin/images/pfeillo.gif');
}

Please Help