PDA

View Full Version : image and text overlapping



dragunov
07-08-2013, 05:36 AM
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

james438
07-08-2013, 11:03 AM
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.

jscheuer1
07-08-2013, 03:16 PM
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:


//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

dragunov
07-08-2013, 06:04 PM
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.

dragunov
07-08-2013, 06:05 PM
And a solution, if possible..

Thanks in Advance.

jscheuer1
07-08-2013, 07:33 PM
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:


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