div over slideshow niet zichtbaar

Gestart doorJvdw2 reacties29 weergaven

3 berichten · pagina 1 van 1

Jvdw

Lid · Topicstarter

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
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 nietsadleyZou 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;
}
html:

<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 helpenshiny
toevoeging op 31 maart 2012, 01:27:05:
Oohja je krijgt beloningwink
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
<div id="nieuwstopstorykader">
<div id="fadeshow1"></div>
<div id="nieuwstopstory"></div>


Hier zet je nieuwstopstory eronder maar jij wilt m boven je slideshow? Of begrijp ik het helemaal verkeerd?
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren