Ankündigung

Einklappen
Keine Ankündigung bisher.

Easyslider auf "Fluid" umstellen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Easyslider auf "Fluid" umstellen

    Hallooo!!!
    Wie im Titel kurz erwähnt möchte ich den Easyslider, welcher sich auf meiner Startseite befindet, auf "relative" stellen, sodaß sich die Bilder Prozentuell auf die Browsergröße einstellen. Da es mir das Design bei kleinerer Bildschirmauflösung zerreißt ist dies notwendig.
    Das Skript dazu aus der CSS kopiert:

    Code:
    /* // Easy Slider */
     
        img{border:none;}
        /* image replacement */
            .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
                margin:0;
                padding:0;
                display:block;
                overflow:hidden;
                text-indent:-8000px;
                }
        /* // image replacement */
     
        #container{
            margin:2em auto;
            position:relative;
            text-align:left;
            width:660px;
            background:#fff;
            }
        #header{
            height:80px;
            line-height:80px;
            background:#5DC9E1;
            color:#fff;
            }
        #content{
            position:relative;
            }          
     
    /* Easy Slider */
     
        #slider ul, #slider li,
        #slider2 ul, #slider2 li{
            margin:0;
            padding:0;
            list-style:none;
            }
        #slider2{margin-top:1em;}
        #slider li, #slider2 li{
            /*
                define width and height of list item (slide)
                entire slider area will adjust according to the parameters provided here
            */
            [COLOR=Red]width:660px;
            height:240px;
            overflow:hidden;[/COLOR]
            }
        #prevBtn, #nextBtn,
        #slider1next, #slider1prev{
            display:block;
            width:30px;
            height:77px;
            position:absolute;
            left:-30px;
            top:71px;
            z-index:1000;
            }
        #nextBtn, #slider1next{
            left:660px;
            }
        #prevBtn a, #nextBtn a,
        #slider1next a, #slider1prev a{
            display:block;
            position:relative;
            width:30px;
            height:77px;
            background:url(../images/btn_prev.gif) no-repeat 0 0;
            }
        #nextBtn a, #slider1next a{
            background:url(../images/btn_next.gif) no-repeat 0 0;
            }  
     
        /* numeric controls */ 
     
        ol#controls{
            margin:1em 0;
            padding:0;
            height:28px;
            }
        ol#controls li{
            margin:0 10px 0 0;
            padding:0;
            float:left;
            list-style:none;
            height:28px;
            line-height:28px;
            }
        ol#controls li a{
            float:left;
            height:28px;
            line-height:28px;
            border:1px solid #ccc;
            background:#DAF3F8;
            color:#555;
            padding:0 10px;
            text-decoration:none;
            }
        ol#controls li.current a{
            background:#5DC9E1;
            color:#fff;
            }
        ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
     
    /* // Easy Slider */
    Ich habe den rot gefärbten Teil folgend geändert, allerdings ohne merkbares Ergebnis, was ist daran falsch??

    width:auto;
    height:auto;
    overflow:hidden;

    Nette Grüße
    Thommy
    Zuletzt geändert von webchills; 26.02.2012, 11:56.

    #2
    Nochmal in Erinnerung rufen... Problem besteht noch.

    Kommentar

    Info zu diesem Forenarchiv:
    Mit Release von 1.5.7 wurde die deutsche Zen Cart Version auf eine reine DIY-Lösung umgestellt.
    Für einen Support via Forum stehen keine personellen und zeitlichen Ressourcen mehr zur Verfügung.
    Dieses Supportforum bleibt im Nur-Lesen-Modus als Wissensarchiv noch online verfügbar.
    PM Funktionalität, Registrierung und Posten neuer Beiträge sind deaktiviert.
    Zugriff auf Anhänge in den Postings ist auch ohne Registrierung/Einloggen möglich.
    FAQ und Downloadbereich des Forums wurden in die neue umfangreiche Knowledgebase auf der zen-cart-pro.at Website übernommen.

    Das Development der deutschen Zen Cart Version geht wie bisher auf Github weiter.
    Wir werden auch weiterhin neue Versionen bereitstellen und die Onlinedokumentation/Knowledgebase aktualisieren.
    Fehler in der Software können auf Github als Issues gemeldet werden.
    Follow us
    aktuelle version
    Zen Cart 1.5.7g deutsch
    vom 12.12.2023
    [Download]
    Lädt...
    X