Results 1 to 3 of 3

Thread: Ajax Pagination script problem

  1. #1
    Join Date
    Nov 2007
    Posts
    39
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Ajax Pagination script problem

    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>
    Last edited by torrent; 11-09-2008 at 08:23 PM.

  2. #2
    Join Date
    Aug 2004
    Posts
    9,911
    Thanks
    3
    Thanked 969 Times in 957 Posts
    Blog Entries
    15

    Default

    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.
    DD Admin

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

    torrent (11-09-2008)

  4. #3
    Join Date
    Nov 2007
    Posts
    39
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Thumbs up

    Ah I see whats going on now. I forgot to put the relating css file in that source folder. thanks for the help.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •