[MPRocks]

Hey Leute,

mal ne Frage unter http://www.serie3.info/s3slider/demonstration.html findet man den ganzen netten und schlichten S3 Slider.

Nun hab ich es, ohne Programmierkenntnise, geschafft das Bild auf meine gewünschte Größe zu ändern, doch wie bekomm ich den kompletten Slider auf einer HTML Seite ganz nach oben und ganz nach links, also ohne Ränder?!

Find da irgendwie nichts in den Scripts? Für euch wahrscheinlich ein leichtes?

Grüße

[fyll]

[snuwie]

ein bisschen code oder ein link zu deiner seite wäre schon nicht schlecht ;o)

[Smooth-Graphics]

Pauschalantwort, so: http://css-tricks.com/perfect-full-page-background-image/

[MPRocks]

hmm .. also verwende einfach den Slider von dieser Internetseite:
http://www.serie3.info/s3slider/demonstration.html


Jetzt gibt es dazu lediglich eine

s3slider.js
s3sliderPacked.js

-Datei. Keine CSS.


Und das ist direkt in der HTML hinterlegt:

<!-- CSS -->
<style type="text/css" media="screen">
#slider1 {
width: 840px; /* important to be same as image width */
height: 560px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}

#slider1Content {
width: 840px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
}
.slider1Image {
float: left;
position: relative;
display: none;
}
.slider1Image span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 694px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.slider1Image span strong {
font-size: 14px;
}
.left {
top: 0;
left: 0;
width: 180px !important;
height: 560px;
}
.right {
right: 0;
bottom: 0;
width: 90px !important;
height: 290px;
}
ul { list-style-type: none;}
</style>

[MPRocks]

[Zeithase]

[MPRocks]