Contao Konferenz & College 2019 in Duisburg - JETZT TICKET SICHERN!
Ergebnis 1 bis 5 von 5

Thema: [GELÖST] Pfeile neben den Inhalten

  1. #1
    Contao-Fan Avatar von jschma
    Registriert seit
    09.09.2010.
    Beiträge
    408

    Standard [GELÖST] Pfeile neben den Inhalten

    Hallo zusammen,

    bin jetzt schon eine Weile dran mich mit folgendem Problem herumzuärgern: Ich hätte gerne die Pfeile (left/right) nicht AUF sondern links bzw rechts von dem inhaltselement.

    Ich steh völlig auf dem Schlauch und hab schon so einiges probiert.
    ce_slider_next_btn negativ zu verschieben geht nicht, da dann durch das overflow:hidden im ce_slider_itemsholder abgeschnitten wird.

    Ich hoffe es ist einfach sooo einfach und ich habe Tomaten auf den Augen

    Danke für jeden Tipp und ein schönes WE noch,
    jschma
    Angehängte Grafiken Angehängte Grafiken
    Geändert von jschma (26.03.2012 um 16:26 Uhr)

  2. #2
    Contao-Nutzer
    Registriert seit
    16.10.2009.
    Beiträge
    83

    Standard

    Du könntest das Template entsprechend ändern und die div´s für die Pfeilnavigation außerhalb des Itemsholder positionieren, oder du verbreiterst den Itemsholder um die Pfeilnavigation und positionierst die div´s über position:absolute und die ce_slider_item div´s positionierst du mittig.

    So in etwa (nicht getestet!)

    HTML-Code:
    <style type="text/css">
    #ce_slider_itemsholder{
         width:1000px;
         position:relative;
    }
    .ce_slider_item{
         width:800px;
         margin:0 auto;
    }
    .ce_slider_controls_nextprev{
         width:100%;
    }
    .ce_slider_prev_btn, .ce_slider_next_btn{
         width:100px;
         position:absolute;
    }
    .ce_slider_prev_btn{
         left:0;
    }
    .ce_slider_next_btn{
         right:0;
    }
    </style>
    Aber in die Richtung müßte es klappen.

  3. #3
    Contao-Fan Avatar von jschma
    Registriert seit
    09.09.2010.
    Beiträge
    408

    Standard

    Zitat Zitat von K.R. Beitrag anzeigen
    Du könntest das Template entsprechend ändern und die div´s für die Pfeilnavigation außerhalb des Itemsholder positionieren, oder du verbreiterst den Itemsholder um die Pfeilnavigation und positionierst die div´s über position:absolute und die ce_slider_item div´s positionierst du mittig.

    So in etwa (nicht getestet!)

    HTML-Code:
    <style type="text/css">
    #ce_slider_itemsholder{
         width:1000px;
         position:relative;
    }
    .ce_slider_item{
         width:800px;
         margin:0 auto;
    }
    .ce_slider_controls_nextprev{
         width:100%;
    }
    .ce_slider_prev_btn, .ce_slider_next_btn{
         width:100px;
         position:absolute;
    }
    .ce_slider_prev_btn{
         left:0;
    }
    .ce_slider_next_btn{
         right:0;
    }
    </style>
    Aber in die Richtung müßte es klappen.
    Danke für deinen Tipp, leider haut es nicht hin, neben den pfeilen werden trotzdem noch die anderen Inhaltselemente angezeigt.


    Ein Alternativerversuch war die Pfeile absolut positioniere und dann negativ left bzw right anzugeben, aber dann sind sie aufgrund des overflow:hidden vom itemsholder nicht mehr angezeigt...

  4. #4
    Contao-Nutzer
    Registriert seit
    16.10.2009.
    Beiträge
    83

    Standard

    Hast du mal einen Link?

    ansonsten ändere doch das Template wie gewünscht.

  5. #5
    Contao-Fan Avatar von jschma
    Registriert seit
    09.09.2010.
    Beiträge
    408

    Standard

    oh sorry, hatte es nicht als gelöst markiert... hab es doch hinbekommen indem ich die Breite des Inhalts begrenzt habe... war irgendwie relativ simpel... oder auch doch nicht

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
  •