Ergebnis 1 bis 3 von 3

Thema: noobSlide img-Buttons nicht anklickbar

  1. #1
    Contao-Fan
    Registriert seit
    26.09.2012.
    Beiträge
    271

    Standard noobSlide img-Buttons nicht anklickbar

    Hallo.
    Ich habe den NoobSlide und die Vor- und Zurückbuttons auf meiner Seite. Funktioniert super.
    Wenn ich aber den Text-ident verschiebe und an deren Stelle Grafiken einbinden will passiert folgendes:
    Die Grafiken sind sichtbar, die Maus reagiert auch bei Hover wie bei einem Link. Allerdings passiert nichts, wenn ich auf die Grafiken klicke. Wo habe ich meinen Fehler?
    Hier mein CSS dazu

    Code:
    .ce_noobSlide_button span
    visibility:hidden;
    
    .ce_noobSlide_button
    position: relative;
    left: 610px;
    top: -150px;
    
    .ce_noobSlide_previous
    text-indent:8000px;
    display:block;
    z-index: 50;
    background:url(/tl_files/KnockOut-Magazin/System/Seiten/noob_button_back.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    height: 80px;
    
    .ce_noobSlide_next
    text-indent:-999px;
    display:block;
    z-index: 30;
    background:url(/tl_files/KnockOut-Magazin/System/Seiten/noob_button_forward.png);
    background-repeat: no-repeat;
    height: 80px;

  2. #2
    Contao-Nutzer Avatar von philipp.kaiblinger
    Registriert seit
    06.07.2009.
    Beiträge
    160
    Partner-ID
    4877

    Standard

    Hallo,

    probier mal ein display:block auf das span
    Code:
    .ce_noobSlide_button {text-indent:-999em;}
    .ce_noobSlide_button span{display:block;}
    lg
    Philipp

  3. #3
    Contao-Fan
    Registriert seit
    26.09.2012.
    Beiträge
    271

    Standard

    Vielen Dank für Deine Antwort

    Ich hatte es gestern Abend noch so gelöst bekommen:

    Code:
    .ce_noobSlide_button span
    width: 40px;
    height: 40px;
    top: 50%;
    position: relative;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    cursor: pointer;
    z-index: 111;
    
    .ce_noobSlide_previous span
    background:url(/tl_files/KnockOut-Magazin/System/Seiten/noob_button_back.png);
    background-repeat: no-repeat;
    left: 607px;
    top: -170px;
    
    .ce_noobSlide_next span
    background:url(/tl_files/KnockOut-Magazin/System/Seiten/noob_button_forward.png);
    background-repeat: no-repeat;
    left: 693px;
    top: -225px;
    Previous und next span hatte ich auch schon vorher angesprochen, allerdings ohne Wirkung. So funktioniert es jetzt. Weiss der Teufel, warum das klappt und das andere nicht, aber Gott sei dank

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •