---
title: "rollover Effect in ein FCE integrieren"
url: "https://www.typo3.net/d/115841-rollover-effect-in-ein-fce-integrieren"
source: "typo3.net"
tags: ["Archiv","TemplaVoilà","Frage","TYPO3 6.x"]
created: "2013-08-28"
last_reply: "2013-08-28"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# rollover Effect in ein FCE integrieren

Archiv › TemplaVoilà · 4 Antworten · gestartet 2013-08-28

## Eröffnungsbeitrag

**designer** · 2013-08-28 · [Beitrag #1](https://www.typo3.net/d/115841-rollover-effect-in-ein-fce-integrieren/1)

Hallo zusammen

Bin irgendwie auf der Seife!

Habe folgendes Problem!
Habe ein FCE mit TemplaVoila gemapped.
Habe ein bild eingefügt und auch das CSS dazu.
Jetzt zeigt es mir aber das ganze bild an und nicht nur eine Teil davon.
Der Mouseover effekt sollte das Bild nun nach oben verschieben.
Im HTML funktioniert es einwandfrei.
In TV leider nicht.
Weiss jemand was ich falsch gemacht habe?
Danke für eure Hilfe

## Antworten

### [#2](https://www.typo3.net/d/115841-rollover-effect-in-ein-fce-integrieren/2) · Norman2k · 2013-08-28

Wie wäre es, wenn du als 1. Schritt mal dein funktionierendes HTML mit dem Quelltext der generierten TYPO3-Seite vergleichst ob es irgendwelche Unterschiede gibt.
Machst du das mit CSS oder JS? Hast nämlich ein paar JS-Fehler auf deiner Seite. Und sicher, dass das ein korrekter Pfad in deiner CSS ist?

```css
background: url("fileadmin/templates/../../mitarbeiter/bild.png") repeat scroll 0 0 transparent;
```

### [#3](https://www.typo3.net/d/115841-rollover-effect-in-ein-fce-integrieren/3) · designer · 2013-08-28

```html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Team Inhalt</title>
<style type="text/css">
.rahmen_team {
	height: 235px;
	width: 144px;
	border: 2px solid #c6c7c8;
	padding: 9px;
	margin-bottom: 10px;
	background: #FFF;
	}
#bild_team a{
	display:block;
	height: 163px;
	width: 144px;
    background: url(../../mitarbeiter/neilsieber.png);
		}
		span {
display: none;
		}
#bild_team a:hover {
  background-position:0px -163px; 
}
	
.schrift_team {
	color: #57575a;
	font: normal 14px "HelveticaNeueLT Std Ext", "HelveticaNeueLT Std Bold Outln";
	list-style: inside;
	position: relative;
	height: 30px;
	padding: 5px 9px 10px 0px;
	text-align: left;
	}	
.mail_team {
	color: #57575a;
	font: bolder normal 14px "HelveticaNeueLT Std Ext", "HelveticaNeueLT Std Bold Outln";
	list-style: inside;
	position: static;
	text-align: right;
	padding-top: 5px;
padding-bottom: 5px;
	}
	</style>
    


</head>

<body>

<div class="rahmen_team">
  <div id="bild_team"><div><a href=”#”><span>Rollover-Link</span></a></div></div>
<div>  <table width="100%" height="95" border="0">
      <tr>
        <td><div><p class="schrift_team">Neil<br />
Sieber</p></div></td>
        <div><td><p> <img src="images/i_Team.jpg" width="9" height="11" /><br />
        <a href="mailto:neil.sieber@dsbaustatik.ch">@</a></p></td></div>
      </tr>
</table></div>
  
  
</div>
</body>


</html>
```

DAs ist das HTML zur Vorlage.

Es funktioniert alles super in allen Browsern.
Leider nichin Typo3.
Lass das CSS auch direkt nehmen aus dem FCE.
Komme einfach nicht drauf!!!!!;-(

Danke für deine Hilfe Norman2K

### [#4](https://www.typo3.net/d/115841-rollover-effect-in-ein-fce-integrieren/4) · Norman2k · 2013-08-28

Wie ich oben schon geschrieben hatte, berichtige den Pfad zum Hintergrundbild in deiner CSS

### [#5](https://www.typo3.net/d/115841-rollover-effect-in-ein-fce-integrieren/5) · designer · 2013-08-28

Danke für die Hilfe¨

Jetzt schaltet typo3 mir typo3temp dazwischen! Weisst du warum?

gruss

---

Quelle: „rollover Effect in ein FCE integrieren“, typo3.net, https://www.typo3.net/d/115841-rollover-effect-in-ein-fce-integrieren
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
