---
title: "jQuery / t3s_headerslider - CSS lässt sich nicht anprechen"
url: "https://www.typo3.net/d/110576-jquery-t3s-headerslider-css-laesst-sich-nicht-anprechen"
source: "typo3.net"
tags: ["Allgemein","Frage","JavaScript & AJAX"]
created: "2012-05-13"
last_reply: "2012-06-20"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# jQuery / t3s_headerslider - CSS lässt sich nicht anprechen

Allgemein · 3 Antworten · gestartet 2012-05-13

## Eröffnungsbeitrag

**SteffenKaPunkt** · 2012-05-13 · [Beitrag #1](https://www.typo3.net/d/110576-jquery-t3s-headerslider-css-laesst-sich-nicht-anprechen/1)

Hallo Leute,

ich setze die Extension t3s_headerslider ein. Leider ist die ControlNav dort rechtsbündig angeordnet. Ich benötige allerdings eine zentrierte Darstellung. Aus diesem Grund habe ich mit eine eigene JS-Datei geschrieben und die mittels "**includeJSFooter.myjavascript=fileadmin/my_t3sheaderslider.js**" in TYPO3 eingebunden.
Das seltssame dabei ist, dass die Anweisung "**jQuery('.nivo-controlNav').css** ..." nicht ausgeführt wird. Zumindest sehe ich keine Anpassung des verwendeten CSS. Zur Kontrolle habe ich versucht, alle A-Tags per CSS anzupassen (siehe Zeile darunter). Dies wiederum funktioniert wunderbar.

Hat jemand eine Idee, was ich falsch mache?

```javascript
jQuery(document).ready(
  function() {
    var numberImages = jQuery("#t3sheaderslider img" ).length;
    var bulletWidth = 10;
    var margin = - ( (numberImages * bulletWidth) / 2 );
    jQuery('.nivo-controlNav').css('margin-left', margin+'px');
    jQuery('a').css('border','1px solid red');
  }
)
```

## Antworten

### [#2](https://www.typo3.net/d/110576-jquery-t3s-headerslider-css-laesst-sich-nicht-anprechen/2) · brainwatcher · 2012-05-30

Lass dir doch mal mit window.console.debug(margin); ausgeben, ob überhaupt margin einen vernünftigen Wert hat.

PS: es ist Firebug notwendig!

### [#3](https://www.typo3.net/d/110576-jquery-t3s-headerslider-css-laesst-sich-nicht-anprechen/3) · SteffenKaPunkt · 2012-05-30

margin liefert den Wert "-15" zurück.

### [#4](https://www.typo3.net/d/110576-jquery-t3s-headerslider-css-laesst-sich-nicht-anprechen/4) · SteffenKaPunkt · 2012-06-20

Einen kleinen Schritt bin ich jetzt weiter, was die Fehlereingrenzung betrifft. So wie es scheint, kann ich lediglich die Klasse "nivo-controlNav" nicht ansprechen. Andere Klassen haben dieses Problem nicht.

---

Quelle: „jQuery / t3s_headerslider - CSS lässt sich nicht anprechen“, typo3.net, https://www.typo3.net/d/110576-jquery-t3s-headerslider-css-laesst-sich-nicht-anprechen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.