X3Photo Gallery Forums

If you are using multiple TABS (like you are doing), you will need to make sure each TAB ID reference is UNIQUE. Right now, you have duplicate ID's panel1, panel2 etc., and that will not work.

<li class="tab-title"><a href="#panel1">Tab 2</a></li>
<div class="content" id="panel1"> ... </div>

You can't re-use the SAME ID in multiple tab layouts used on the same page ... It must be a unique identifier to the page.

Hi Karl,
I tried today tabs for first time, can't seem to get the bullets to work
this is the code for my tab: and what I get in the tab is:

1. ryrtyrt 2. 48678ur 3. rfjuy
Also the code is not coloured like regular bullets.
Is it supposed to work like this or I did something not like I should?
Thank you, G

GeoPal wrote:

Code Select all

<div class="content" id="panel2">
<p>
1. ryrtyrt
2. 48678ur
3. rfjuy
</p>

You can't mix markdown inside html like that. Once you start with HTML elements, like most of the X3 content plugins, you need to use HTML syntax inside the html blocks. For example: As you see in the above code, we use HTML list syntax <ul><li>.

There is actually a "workaround" to alternate markdown/html/markdown (see below), but I wouldn't recommend it. Use markdown for writing basic text/pages, but when adding more advanced HTML sections, you should use HTML syntax within the entire block.