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/dynamici...nate/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

Code:

<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

Code:

<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) 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.

thanks for the help.

Thread: Ajax Pagination script problem

Thread Tools

Search Thread

Ajax Pagination script problem

The Following User Says Thank You to ddadmin For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions