TABS container changed, now all text is a link

  • daphnes
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
11 years 10 months ago #29474 by daphnes
Hello,

I made some changes in my tabs, and for some reason now all the text on the pages linked to the tabs is turned into a link. You can see it here: www.tsarino.org , under 'archive'. Could you tell me how I can turn it back to normal? Thanks!

This is the html for the TAB container (where I made the changes):

<div id="tabs">
<ul>
<li>
<a class="bigtext" href="#tabs-1"><img alt="icon" border="0" height="167" src="images/tabs/logo_12.jpg" style="border: 0;" width="250" /><br />
2012<br />
<span class="subheading">Art in Post Public SpacE - 1</span></a></li>
<li>
<a class="bigtext" href="#tabs-2"><img alt="icon" border="0" height="167" src="images/tabs/logo_12.jpg" style="border: 0;" width="250" /><br />
2012<br />
<span class="subheading">Art in Post Public SpacE - 2</span></a></li>
<li>
<a class="bigtext" href="#tabs-3"><img alt="icon" border="0" height="167" src="images/tabs/logo_11.jpg" style="border: 0;" width="250" /><br />
2011<br />
<span class="subheading">We Are Landscape Painters</span></a></li>
</ul>
<div id="tabs-1">
<a class="bigtext" href="#tabs-1" style="line-height: 32px; ">{loadposition tab1}</a></div>
<div id="tabs-2">
<a class="bigtext" href="#tabs-2" style="line-height: 32px; ">{loadposition tab2}</a></div>
<div id="tabs-3">
<a class="bigtext" href="#tabs-3" style="line-height: 32px; ">{loadposition tab3}</a></div>
</div>

Please Log in to join the conversation.

More
11 years 10 months ago #29482 by ivan.milic
Maybe you did not close <a> tag so it suck html content into it

Please Log in to join the conversation.

  • daphnes
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
11 years 10 months ago #29483 by daphnes
Thank you for your quick reply. I don't think that is the case, because I only changed the names of images and links. I tried adding an <a> in some places and didn't make a difference... Do you have a suggestion for a specific place?

Please Log in to join the conversation.

More
11 years 10 months ago #29486 by ivan.milic
Yes, i noticed now:

<div id="tabs-1">
<a class="bigtext" href="#tabs-1" style="line-height: 32px; ">{loadposition tab1}</a></div>
<div id="tabs-2">
<a class="bigtext" href="#tabs-2" style="line-height: 32px; ">{loadposition tab2}</a></div>
<div id="tabs-3">
<a class="bigtext" href="#tabs-3" style="line-height: 32px; ">{loadposition tab3}</a></div>

use just:

<div id="tabs-1">{loadposition tab1}</div>
<div id="tabs-2">{loadposition tab2}</div>
<div id="tabs-3">{loadposition tab3}</div>
The following user(s) said Thank You: daphnes

Please Log in to join the conversation.

  • daphnes
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
11 years 10 months ago #29489 by daphnes
Thanks a lot, that solved the problem!

Please Log in to join the conversation.

More
11 years 10 months ago #29606 by mojastran
Hello,

is there a way to set tabs so non of them is active and no content of the tabs is displayed until clicked on one of the tabs? Now by default, when you come to the site, the first tab is active.

Best regards

Please Log in to join the conversation.

Time to create page: 0.090 seconds
Powered by Kunena Forum