Results 1 to 6 of 6

Thread: image and text overlapping

  1. #1
    Join Date
    Jul 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default image and text overlapping

    Hi,
    Can somebody help me with a possible solution to this -> ezzholidays.com/ezz/sp2.php?pid=4

    The image is overlapping with text text that follows.

    Thanks in advance

    I dont know how this problem came. It was fine before. nivo slider and the text fetched from data base are overlapping...
    can somebody help?


    If it is showing up properly in your bowser then pls leave a message.

    Thanks in Advance
    Last edited by jscheuer1; 07-08-2013 at 08:24 PM. Reason: merge after thread merge

  2. #2
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    1,743
    Thanks
    82
    Thanked 90 Times in 88 Posts

    Default

    I did not have the image overlapping problem in Opera, but when I tested it in Firefox, IE8, and Chrome I did get the overlap, but only when the pages had not fully loaded. The page seemed to have trouble fully loading, but in each case, except Opera which loaded it correctly the first time, refreshing the page fixed the problem.

    I am not saying that you do not have a problem with the page; just what I observed.
    To choose the lesser of two evils is still to choose evil. My personal site

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,167
    Thanks
    44
    Thanked 3,240 Times in 3,201 Posts
    Blog Entries
    12

    Default

    There could also be other problems but there's is no Nivo Slider on that page. Perhaps there was. The Nivo script (js/jquery.nivo.slider.pack.js) is associated with the page and the Nivo initialization is there in js/scripts.js:

    Code:
    //Nivo Slider
    jQuery(document).ready(function(){
        if (jQuery('#nivo-slider').length>0){
            jQuery('#nivo-slider').nivoSlider({ 
    		  	  pauseTime:rttheme_slider_time_out
    	    });
        }
    });
    But there's no element with that id on the page, so that code never fires. Perhaps there was an element with that id at one point, but it got dropped.

    If you have a backup where it was working, you could consult that. Or if you have another page where it is working, you could use that as a template for repairing this one. Otherwise you will have to start over following the instructions for installation of a Nivo Slider. These can be found on the Nivo Slider home page, and elsewhere:

    http://dev7studios.com/nivo-slider/#/documentation
    Last edited by jscheuer1; 07-08-2013 at 04:22 PM. Reason: add link
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Jul 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thats what. I want to know the reason for this. Even i have observed that refreshing the page fixes the problem, but that would be odd, that you ll have to refresh your page every time you open the page in a new browser.

  5. #5
    Join Date
    Jul 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    And a solution, if possible..

    Thanks in Advance.

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,167
    Thanks
    44
    Thanked 3,240 Times in 3,201 Posts
    Blog Entries
    12

    Default

    OK, you had two threads open on this, I've combined them.

    What I see is that there is content starting with:

    You May Also Like:
    Below it are images and descriptions, a set of three. These are covered by the main part of the site. But if the window is wide enough, you can see them peaking out on the left hand side a little less than half way down the page. Reloading the page does nothing to fix it.

    Is that what you are talking about, or is it something else?

    If that's the only problem, I'd just get rid of them:

    Code:
                   <div style="position:absolute; top:990px; width:170px; height:600px;background:white; left:10px;">
                   <h5 style="background-color:#FFB997">You May Also Like:</h5>
                   <ul>
                   <li><img src="images/kerala/aqua/7.jpg" height="120" width="70"/></li>
                   <p><strong>Aqua Bliss Villa</strong><br />3 Bed Room, Garden</p>
                   <li><img src="images/kerala/aqua/2.jpg" height="120" width="70" /></li>
                   <p><strong>Aqua Bliss Villa</strong><br />3 Bed Room, Garden</p>
                   <li><img src="images/kerala/aqua/7.jpg" height="120" width="70" /></li>
                  <p><strong>Aqua Bliss Villa</strong><br />3 Bed Room, Garden</p>
                  </div>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. Youtube like Image overlapping
    By pascualito in forum CSS
    Replies: 2
    Last Post: 11-18-2008, 01:44 PM
  2. Liquid Layouts - Image Overlapping Footer
    By brentnicholas in forum CSS
    Replies: 1
    Last Post: 01-09-2008, 01:48 AM
  3. Overlapping content script in image map?
    By matsp in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-07-2008, 10:13 AM
  4. Replies: 0
    Last Post: 12-27-2007, 07:47 AM
  5. Table Hover white in image overlapping
    By torrent in forum JavaScript
    Replies: 0
    Last Post: 12-07-2007, 11:31 PM

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
  •