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:
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
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 */
width:auto;
height:auto;
overflow:hidden;
Nette Grüße
Thommy
Kommentar