ralke
(҂ ͠❛ ෴ ͡❛)ᕤ
Hi! I have a strange issue, i've been trying to add a slidershow with my server features right above the news, it is working well and it's able to be seen on every page EXCEPT the points.php (shop). Here's the image evidence, with 3 page examples (index, highscores and points). Also attached the style.css, the header.php and the points.php pages in a .rar
The bug:
How it should normally be seen:
header.php part
.css part
Regards!!
The bug:
How it should normally be seen:
header.php part
PHP:
<!---- Slideshow --->
<body> </td></center>
<div class="border_bottom"></div>
<div class="center_box">
<div class="corner_lt"></div><div class="corner_rt"></div><div class="corner_lb"></div><div class="corner_rb"></div>
<div class="title"><!--ex span<span style="background-image: url(layout/widget_texts/navigator.png);"></span>--></div>
<table class="stripped" cellpadding="0" style="margin: 0px 0;">
<td5>
<div id="slides">
<a href="gallery.php"><img src="layout/slides/1.png"></a>
<a href="gallery.php"><img src="layout/slides/2.png"></a>
<a href="gallery.php"><img src="layout/slides/3.png"></a>
<a href="gallery.php"><img src="layout/slides/4.png"></a>
<a href="gallery.php"><img src="layout/slides/1.png"></a>
<a href="gallery.php"><img src="layout/slides/2.png"></a>
</div>
</td5>
</center>
</table>
<div class="border_bottom"></div>
</div></div></body>.css part
CSS:
/* SLIDER */
.slider
{
width: 207px;
height: 100px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#slides
{
display: block;
width: 611px;
margin-left: 16px;
margin-bottom: -5px;
height: 130px;
float: left;
z-index: 90;
overflow: initial !important;
position: relative;
content:'';
}
.slidesjs-pagination
{
z-index: 999;
position: absolute;
bottom: 10px;
right: 10px;
}
ul.slidesjs-pagination
{
list-style: none;
padding: 3px;
border-radius: 5px;
margin: 0;
background: rgba(0,0,0,0.5);
}
.slidesjs-pagination li
{
float: left;
margin: 0 3px;
padding: 0;
}
.slidesjs-pagination li a
{
background: rgba(255,255,255,0.3);
display: block;
width: 10px;
height: 10px;
float: left;
overflow: hidden;
text-indent: -999999999px;
line-height: 99px;
color: rgba(0,0,0,0.6);
border-radius: 15px;
}
.slidesjs-pagination li a:hover
{
background: rgba(255,255,255,0.5);
}
.slidesjs-pagination li a.active
{
background: rgba(255,255,255,0.5);
#td5 img {vertical-align: bottom;}Regards!!
Last edited:
