Hoi,
ik heb een probleempje, ik zou een afbeelding boven mijn slideshow willen tonen.
Alleen lukt mij dat niet echt...
Heb al wat geprobeerd met z-index maar werkt niet
Zou iemand mij kunnen helpen?html:
Wat de broncode toont:
heb mijn script van hier
Ik hoop dat iemand mij kan helpen
toevoeging op 31 maart 2012, 01:27:05:
Oohja je krijgt beloning
ik heb een probleempje, ik zou een afbeelding boven mijn slideshow willen tonen.
Alleen lukt mij dat niet echt...
Heb al wat geprobeerd met z-index maar werkt niet
Zou iemand mij kunnen helpen?Spoiler tonen
css:
#nieuwstopstorykader {
margin-left: 15px;
margin-top: 1px;
margin-bottom: 5px;
margin-right: 8px;
width: 300px;
height: 107px;
float:left;
}
#nieuwstopstory {
background-image:url(afbeeldingen/nieuwstopstory.png);
overflow:hidden;
position:absolute;
top:0;
z-index:8000;
}<div id="nieuwstopstorykader">
<div id="fadeshow1"></div>
<div id="nieuwstopstory"></div> Wat de broncode toont:
<div id="nieuwstopstorykader">
<div id="fadeshow1" style="position: relative; visibility: visible; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: black; overflow-x: hidden; overflow-y: hidden; width: 300px; height: 107px; background-position: initial initial; background-repeat: initial initial; "><div class="gallerylayer" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: black; opacity: 1; z-index: 999; background-position: initial initial; background-repeat: initial initial; "><img src="http://i26.tinypic.com/11l7ls0.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; display: none; ">
<a href="http://en.wikipedia.org/wiki/Cave" target="_new">
<img src="http://i29.tinypic.com/xp3hns.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-left: 25px; margin-top: 0px; display: none; ">
</a>
<img src="http://i30.tinypic.com/531q3n.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; display: none; ">
<img src="http://i31.tinypic.com/119w28m.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; display: inline; margin-left: 70px; margin-top: 0px; ">
</div><div class="gallerylayer" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: black; z-index: 1000; opacity: 1; background-position: initial initial; background-repeat: initial initial; "><img src="http://i26.tinypic.com/11l7ls0.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; display: inline; margin-left: 25px; margin-top: 0px; ">
<a href="http://en.wikipedia.org/wiki/Cave" target="_new">
<img src="http://i29.tinypic.com/xp3hns.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; display: none; ">
</a>
<img src="http://i30.tinypic.com/531q3n.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-left: 25px; margin-top: 0px; display: none; ">
<img src="http://i31.tinypic.com/119w28m.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; display: none; ">
</div><img src="loading.gif" style="position: absolute; left: 123px; top: -1.5px; display: none; "><div class="fadeslidedescdiv" style="position: absolute; width: 100%; left: 0px; font-family: Verdana; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; z-index: 1001; height: 34px; top: 107px; visibility: visible; "><div class="descpanelbg" style="position: absolute; left: 0px; top: 0px; width: 292px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: black; opacity: 0.7; height: 100%; background-position: initial initial; background-repeat: initial initial; "></div><div class="descpanelfg" style="position: absolute; left: 0px; top: 0px; width: 292px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; color: white; height: 100%; ">Nothing beats relaxing next to the pool when the weather is hot.</div></div></div>
<div id="nieuwstopstory"></div>
</div> heb mijn script van hier
Ik hoop dat iemand mij kan helpen

toevoeging op 31 maart 2012, 01:27:05:
Oohja je krijgt beloning

had een paar dingen vergeten.