Joomla Templates Club 406,261 posts

[streamingflv Friend streamingflvJoin date: December 2008Posts: 20Downloads:0Uploads:8 Thanks: 5]

#136022

Now i have officially losts a lot of hair today.

I am trying to place text besid a pic in joomla 1.5 with ja_erica.
When I installed the quickstart everything was ok BUT as soon as i open the article for example web2.0 style and close it the text that ws besif the pic suddenly jumps to the line below the pic.

The link below shows a screen print of what I am talking about.

thanks!

Roger

---

Attachments:

1. 

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#281645

Do you have a live URL or can you open where you are editing this content and press the ‘HTML’ button and post the html here.

I think you have some extra <p> tags or <br /> tags. Also check that you still have the image aligned left.

[streamingflv Friend streamingflvJoin date: December 2008Posts: 20Downloads:0Uploads:8 Thanks: 5]

#281650

<em>@scotty 93943 wrote:</em><blockquote>Do you have a live URL or can you open where you are editing this content and press the ‘HTML’ button and post the html here.

I think you have some extra <p> tags or <br /> tags. Also check that you still have the image aligned left.</blockquote>

this is a smaple html code of one of the problematic parts of the front page:

<img src=”images/stories/demo/ico-4.gif” border=”0″ alt=”Image” title=”Image” hspace=”6″ width=”154″ height=”100″ /> <p> Lorem ipsum dolor sit amet consectetuer malesuada ut auctor congue Nulla. Turpis sollicitudin a mauris pulvinar vel Curabitur aliquet Aenean Suspendisse Curabitur.</p><hr id=”system-readmore” /><div class=”mosimage” align=”center” style=”float: right”><img src=”images/stories/demo/banner.jpg” border=”0″ alt=”Banner” title=”Banner” hspace=”6″ width=”255″ height=”176″ /><div class=”mosimage_caption” align=”center” style=”text-align: center”>Sample image</div></div> <p> Lorem ipsum dolor sit amet consectetuer malesuada ut auctor congue Nulla. Turpis sollicitudin a mauris pulvinar vel Curabitur aliquet Aenean Suspendisse Curabitur. Ornare tristique dictumst wisi Nam nulla libero scelerisque consequat facilisi hac. Egestas justo habitasse pharetra justo nisl ut vitae tempor sed tortor. Donec dictumst Nulla felis condimentum Sed ligula urna malesuada sit Nam. Pellentesque amet laoreet senectus pellentesque malesuada turpis leo turpis hac eget. Mauris. </p> <p> Quis dui Aenean leo tellus sagittis Nulla id Ut mi nec. Vestibulum mauris eros at euismod mauris lobortis porttitor diam laoreet pellentesque. Phasellus justo leo aliquam auctor pellentesque justo vitae id id enim. Sed quis interdum lobortis condimentum In condimentum elit mauris egestas Nunc. Adipiscing cursus augue Sed pretium hac tristique. </p> <h3>Elit Vivamus quis nisl tellus congue</h3> <ul class=”checklist”><li>Laoreet vitae et et lacus dis et</li><li>Tempor sapien pede</li><li>Fames eget interdum semper</li><li>Et felis Integer ornare Morbi feugiat Donec felis Vivamus wisi at</li></ul> <p> Vestibulum Curabitur Vestibulum elit velit tincidunt nascetur ut tristique lobortis sed. Maecenas justo tempus consectetuer ipsum consectetuer rutrum Maecenas Integer mollis vitae. Lorem id ac Aliquam mauris augue natoque eu eget sed mus. Facilisi eu sed nibh metus dis tellus est amet lacinia a. Magna Sed Phasellus dictum sapien malesuada ante Morbi nulla neque congue. Et quis convallis turpis cursus nunc semper Aenean leo. </p> <p> Dui a Donec sed convallis nec convallis dui est eget orci. Nulla Curabitur mauris fermentum dui interdum Nam dolor Phasellus neque tellus. Nulla faucibus volutpat fringilla ligula tellus tincidunt lacinia lacus ac Sed. Ante diam et faucibus urna est Sed leo Nam elit dui. Condimentum dolor parturient pretium ligula montes Nulla Quisque tincidunt pulvinar sed. Adipiscing. </p> <p class=”download”>Ridiculus sodales cursus et orci felis Vestibulum vitae id urna et. Tincidunt hac dui Curabitur Curabitur interdum nec nec platea commodo Nulla.<br /> <a href=”http://www.joomlart.com/templates_demo.php?template=ja_erica” target=”_blank” title=”View demo”>View demo</a> | <a href=”http://www.joomlart.com/downloads/cat/joomlart_club_templates/ja_erica.html” target=”_blank” title=”download”>Download</a> </p>

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#281655

Yea the first image is not aligned left. Should be…

<img src="images/stories/demo/ico-4.gif" border="0" alt="Image" title="Image" hspace="6" width="154" height="100" align="left" />

1 user says Thank You to scotty for this useful post

1. streamingflv

[streamingflv Friend streamingflvJoin date: December 2008Posts: 20Downloads:0Uploads:8 Thanks: 5]

#281656

<em>@scotty 93956 wrote:</em><blockquote>Yea the first image is not aligned left. Should be…

<img src="images/stories/demo/ico-4.gif" border="0" alt="Image" title="Image" hspace="6" width="154" height="100" align="left" />
</blockquote>

thanks a lot for your reply. I had also used dreamweaver to align the image.

I found this link which explains the whole aligning of text around images subject:

Aligning Text Around Images with html

Thanks again!

Roger

[Author]

Posts