PDA

View Full Version : Ajax Pagination script problem



torrent
11-08-2008, 07:19 PM
Script Title: Ajax Pagination script v1.2.1

Script URL : http://www.dynamicdrive.com/dynamicindex17/ajaxpaginate/index.htm

Hi I'm trying to use this script on my flash humour site but I'm running into a few bugs and cant seem to get it working properly in all browsers.

It works fine in firefox when I insert a <head> tag and put my css in between there but it doesnt show properly in IE7.

Heres the link to my test pages:http://www.plentyoftorrents.com/flsh/SOURCE/demo.htm

The titles are aligned properly in Firefox 3 but in IE7 the titles drop lower when beside the thumbnails.
Heres how it should look in both browsers. http://www.plentyoftorrents.com/flsh/loops/
Heres the css that I put into the flower.htm and flower2.htm files


<head>
<style type="text/css">
span.mediaitem {
text-align: left;
padding: 6px;
}

span.mediaitem a {
font-weight: bold;
}

span.mediaitem img {
float: left;
margin-right: 5px;
}


/* span.mediaitem span.details width was originally 320px if anything goes wrong change it back*/
span.mediaitem span.details {
float: left;
width: 400px;
}
/* span.mediaitem span.details width was originally 320px if anything goes wrong change it back*/


span.mediaitem span.jokedetails {
float: left;
margin-left: 100px;
width: 320px;
}

span.mediaitem span.description {

}

span.mediaitem br {
clear: both;
}
</style>

</head>


And heres 1 section of HTML


<span class="mediaitem">
<a href="http://www.plentyoftorrents.com/flsh/loops/my+lovely+horse"><img class="thumb" src="http://www.plentyoftorrents.com/flsh/thumb/my+lovely+horse.jpg" height="75" width="100" alt="my+lovely+horse.jpg"></a>
<span class="details">
<span id="check">
<a href="http://www.plentyoftorrents.com/flsh/loops/my+lovely+horse"><b>My Lovely Horse</b></a><br>
<!-- checks end span--></span><!-- checks end span-->
<span style="padding: 5px 0pt; font-size: 10px; color: rgb(51, 153, 204);">( 468 kb )</span>
<br>
<span class="description">
Jennifer Connely riding a horse <a href="http://www.plentyoftorrents.com/flsh/loops/my+lovely+horse"><b>view</b></a>
</span>
</span>
<br><br>
<img src="../images/hr.gif" border="0" alt="ruler">
<br>

ddadmin
11-09-2008, 05:29 AM
If I understand correctly, you're asking why the CSS within the external pages (ie: on this page (http://www.plentyoftorrents.com/flsh/SOURCE/demofiles/flower.htm)) doesn't get rendered on the main page in IE7. That's normal actually, since in IE, inline CSS and JavaScript on the external page when fetched using Ajax won't be transferred successfully. What you can do is save the CSS code as an external CSS file, then load it from the start on the main page.

torrent
11-09-2008, 08:33 PM
Ah I see whats going on now. I forgot to put the relating css file in that source folder. :o thanks for the help.