Archived

This topic is now archived and is closed to further replies.

  • 0

Tabs does not work well


Question

Posted · Report post

Hi,

 

I have added tabs on my website. I use shortcode provide on the link http://support.pagelines.me/docs/miscellaneous/shortcodes/ .  Instead of be displayed on the same like on the pagelines example. You can see it on the following link http://troll.ws/image/87c96c86#.UbWoLNjvjCo

 

 

My tabs are displayed the first on the first line and the second below. You can see it here : http://troll.ws/image/b8dc5a76#.UbWocdjvjCo

 

When i inspect the code i notice this :

 

 

<ul class="nav nav-tabs"><br />
<li class='active'><a href="#1" data-toggle="tab">Title 1</a></li><br />
<li ><a href="#2" data-toggle="tab">Title 2</a></li><br />
</ul></p>
<p> <div class="tab-content"><br />
<div class="tab-pane active" id="1"><p><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</p></div><br />
<div class="tab-pane " id="2"><p><p>
<img class="pl-imageframe" alt="" /></p>
</p></div><br />
</div></p>
<p> </div>

 

The <br/> is generated on my code. I am wondering if it is normal ?

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

 

This is a Wordpress quirk, see this topic to resolve your issue.

 

http://www.pagelines.com/forum/topic/27437-unwanted-empty-pp-markup/

 

Basically Wordpress likes to add p tags when you do a line-break, so you can either follow the instructions from the topic above or edit your shortcode so it contains no line-breaks.

For example:

[pl_tabs][pl_tabtitlesection type="tabs"][pl_tabtitle active="yes" number="1"]Title 1[/pl_tabtitle][pl_tabtitle number="2"]Title 2[/pl_tabtitle][/pl_tabtitlesection][pl_tabcontentsection][pl_tabcontent active="yes" number="1"]Lorem ipsum dolor sit amet, consectetur adipiscing elit[/pl_tabcontent][pl_tabcontent number="2"]<img class="pl-imageframe" alt="" />[/pl_tabcontent][/pl_tabcontentsection][/pl_tabs]

Share this post


Link to post
Share on other sites

Posted · Report post

thank you for the help

Share this post


Link to post
Share on other sites

Posted · Report post

No problem!

Share this post


Link to post
Share on other sites