Ergebnis 1 bis 2 von 2

Thema: Easyslider auf "Fluid" umstellen

  1. #1
    Padawan Stufe III Avatar von Thommy
    Registriert seit
    07.01.2012
    Beiträge
    167
    Themen
    29
    DANKE
    21
    Erhaltene Danke: 10

    Standard 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
            */
            width:660px;
            height:240px;
            overflow:hidden;
            }
        #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
    Geändert von webchills (26.02.2012 um 10:56 Uhr)

  2. #2
    Padawan Stufe III Avatar von Thommy
    Registriert seit
    07.01.2012
    Beiträge
    167
    Themen
    29
    DANKE
    21
    Erhaltene Danke: 10
    Erstellt von

    Standard

    Nochmal in Erinnerung rufen... Problem besteht noch.

Ähnliche Themen

  1. umstellen auf ISO-8859-1
    Von benix im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 3
    Letzter Beitrag: 16.01.2011, 16:20
  2. auf ssl umstellen
    Von Paykoman im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 2
    Letzter Beitrag: 16.09.2009, 19:55
  3. order_totals umstellen wegen der Optik
    Von rainer_s im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 10
    Letzter Beitrag: 19.10.2008, 09:00
  4. PHP API Modus = cgi - wie umstellen?
    Von chrono-007 im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 1
    Letzter Beitrag: 30.09.2008, 00:52
  5. Paypal Mail auf Deutsch umstellen
    Von amazpix im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 0
    Letzter Beitrag: 19.09.2008, 11:22

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  
zen-cart-pro.at
Zen Cart ist eine kostenlose unter der GPL-Lizenz veröffentlichte Open-Source Shopsoftware. Das System wird in den USA entwickelt, die amerikanische Website dazu ist www.zen-cart.com

Die deutsche Zen-Cart Version, um die es hier auf zen-cart-pro.at geht, ist eine Anpassung der amerikanischen Version an die Bedürfnisse von Onlineshopbetreibern im deutschsprachigen Raum.

Die deutsche Zen Cart Version wird von einem Team von Entwicklern in Österreich und Deutschland betreut, weiterentwickelt und supportet und steht kostenlos in unserem Downloadbereich zur Verfügung.

[mehr]
Follow Us
  • zen-cart-pro-at auf Twitter
  • zen-cart-pro-at auf Github
  • zen-cart-pro-at auf SourceForge
Aktuelle Version
Zen Cart 1.5.5 deutsch
Revision 1184 vom 01.09.2016
[Download]