Bob Buttons
Threadersteller
Dabei seit: 16.03.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 28.04.2009 11:15
Titel Bild über Flash-Slideshow |
|
|
Hallo allerseits,
habe ein kleines Problem...
Dieter Nuhr Fanclub - Galerie
Hier habe ich eine Slideshow (Monoslideshow) für eine Galerie...nur würde ich gerne das Layout etwas anders gestalten, und zwar auch mit einem Rahmen mit abgerundeten Ecken. Von Gedanken her würde ich das so machen, dass ich den Rahmen innen wie eine Schablone einfach ausschneide und ihn über die eigentlich Slideshow setze. Nur wie kann ich das in CSS umsetzen? Ich habe es schon mit z-index ausprobiert, aber soweit ich jetzt rausgefunden habe funktioniert das ganze nur bei absoluter Positionierung...
Hätte jemand evt einen Gedankenanstoß wie ich das ganze umsetzen könnte?
Hier noch der HTML-Code
Code: | <div id="content_innen">
<h2 class="content_header_schrift">Galerie</h2>
<div class="ueberschrift_strich"></div>
<div id="swf1" align="center">
<div class="slideshow" >
<p><strong>Please install Flash® and turn on Javascript.</strong></p>
</div>
<div id="rahmen_slideshow">
<div class="slideshow" >
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("inc/monoslideshow/monoslideshow.swf", "SOmonoSlideshow", "600", "400", "7", "#ffffff");
so.addParam("wmode", "transparent");
so.addVariable("dataFile", "inc/inc_galerie.php");
so.addVariable("showLogo", "false");
so.addVariable("showVersionInfo", "false");
so.write("swf1");
// ]]>
</script>
</div>
</div>
</div>
</div>
|
und CSS
Code: |
#rahmen_slideshow
{
width: 740px;
height: 432px;
background: url('../images/slideshow.png');
z-index: 10;
}
#swf1
{
width: 600px;
min-height: 400px;
height: auto !important; /* für moderne Browser */
height: 400px; /*für den IE */
/border: #555555 1px solid;
margin: 0 0 0 115px;
}
.slideshow
{
width: 700px;
}
|
Besten dank
Bob
|
|