1 reply [Last post]
borsodas
Offline
Regular
new york
Last seen: 3 years 20 weeks ago
new york
Timezone: GMT-4
Joined: 2008-09-30
Posts: 19
Points: 8

floated image inside accordion menu jumps after the animation is completed.

The problem seems to be that the accordion() plugin ads a paragraph tag, to every element but the first. all floated images inside the hidden divs jump down after being animated

This is the code that renders on the page but the code on the server has no

tags included they are added after the page renders by the plugin,.

example here http://www.freeenergymedia.com/

<div class="demo" >
 
<div id="accordion">
<h3><a href="#">First</a></h3>
<div>
<a id="single_image" style="float:left;" href="image1"><img src="thumb1.JPG" /></a></p>
<div style="width: 450px;  margin-left:25px; float:left">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
 
<h3><a href="#">Second</a></h3>
<div>
<p><a id="single_image" style="margin:auto; float:left" href="image2.jpg"><img src="thumb2.jpg"/></a></p>
<div style="width: 450px;  margin-left:25px; float:left"/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
 
<h3><a href="#">Third</a></h3>
<div>
<p><a id="single_image" style="float:left" href="image3.jpg"><img src="thumb3.JPG" /></a></p>
<div style="width: 450px;  margin-left:20px; float:left;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
 
</div>
<p><!-- End demo --></p>

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 2 weeks 2 days ago
Timezone: GMT-5
Joined: 2004-06-30
Posts: 9668
Points: 801

Don't know if it's affecting

Don't know if it's affecting it but the first paragraph is missing its opening tag.

Verschwindende wrote:
  • CSS doesn't make pies