Support Forum

  • Page:
  • 1

re- layout of JBFAQ

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

14 years 8 months ago
Hi All

I am trying to get the layout of the FAQs to wrap around an image however it is assuming the hidden text is being wrapped when closed, thus leaving a large gap between questions.

i can supply a link to page but is is adult content so would prefer you to ask to see this..

any help is most welcome

thank you

mark
  • mark's Avatar
  • mark
  • Free Extensions
  • 2 posts
  • Karma: 0
The administrator has disabled public write access.
14 years 8 months ago
hi

ok i fixed it

this is the result (warning adult website)

www.traceysvideos.co.uk/main/index.php/home/help/faqs

i would interested in your thoughts..

thanks mark


this is what i did with the help of an article on this forum about styling
.faqtoggler,.closed {background: url(square.png) no-repeat;padding-left: 20px;}
.open {background: url(dash.png) no-repeat;}
.answerFAQ1 {padding-bottom:10px;padding-top:10px;padding-left:20px;font-style:italic;}
.faqtogglerdivFAQ1 {height:20px;}
.answerFAQ2 {padding-bottom:10px;padding-top:10px;padding-left:20px;font-style:italic;}
.faqtogglerdivFAQ2 {height:20px;}
.answerFAQ3 {padding-bottom:10px;padding-top:10px;padding-left:20px;font-style:italic;}
.faqtogglerdivFAQ3 {height:20px;}
.faqClear {clear: both;}

<DIV><b>Here are some questions and answers I get asked frequently</b><br />

<BR>If you don't see the question you would like to ask, then contact me, I will happily answer it for you if I can.<br /></DIV>
<div style="padding-left:2px; clear: both; width: 99%; height: 1px;"> </div>
<div style="float: left; width: 30%; padding-top: 10px; padding-right:10px" >
<img class="correct-png" style="margin: px 0px 0px 0px" src="../main/custom_images/retro_tiff_tracey1.png" alt="Star in Adult Films" title="Become famous" width="200" height="162" align="right" /></div>

<div style="float: left; width: 60%; padding-top: 10px;" >
{loadposition FAQ1}</DIV>
<div style="padding-left:2px; clear: both; width: 99%; height: 10px;"> </div>

<div style="float: left; width: 90%; padding-top: 10px;" >
{loadposition FAQ2}</DIV>
<div style="padding-left:2px; clear: both; width: 99%; height: 1px;"> </div>

<div style="float: left; width: 30%; padding-top: 20px; padding-right:10px" >
<img class="correct-png" style="margin: px 0px 0px 0px" src="../main/custom_images/retro_tiff_tracey1.png" alt="Star in Adult Films" title="Become famous" width="200" height="162" align="right" /></div>

<div style="float: left; width: 60%; padding-top: 30px;" >
{loadposition FAQ3}</DIV>
<div style="padding-left:2px; clear: both; width: 99%; height: 1px;"> </div>
  • mark's Avatar
  • mark
  • Free Extensions
  • 2 posts
  • Karma: 0
The administrator has disabled public write access.
14 years 8 months ago
Great Mark :)
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
14 years 8 months ago
Actually you could have just applied a style="float:left;margin-right:10px" to the image and I think that would have worked as well.

Cheers Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers

Close